Javascript對象幫助（json和ajax）

Question

我目前正在使用Ajax從我的Json文件中提取數據...我的情況是在html的一個div中，我需要添加標題和段落。

我試圖制作一個諸如"headingpara": "<h1> blah blah </h1> <p> blah blah blah </p>"的屬性"headingpara": "<h1> blah blah </h1> <p> blah blah blah </p>" 這樣我得到了一個錯誤。

我也試着做

"heading": "<h1> blah blah </h1>",
"para": "<p> blah blah blah </p>"

然后在我的javascript中用[“ heading”，“ para”]調用這兩個屬性， 但只顯示該段落而不顯示標題。

我如何使用此將h1和p標簽都放在一個div一邊？

Answer 1

您可以使用屬性innerHTML合並HTML字符串，以構建目標div的內容。

 var ajaxresponse = { "heading": "<h1> blah blah </h1>", "para": "<p> blah blah blah </p>" }; document.querySelector('#target_div').innerHTML = ajaxresponse.heading+ajaxresponse.para; 

 <div id="target_div"></div>