Javascript对象帮助（json和ajax）

Question

我目前正在使用Ajax从我的Json文件中提取数据... 我的情况是，在我的html的一个div中，我需要添加标题和段落..

我试图制作一个属性，如 "headingpara": "<h1> blah blah </h1> <p> blah blah blah </p>" 这样我就会收到错误。

我也试过

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

然后在我的javascript中使用[＆＃34;标题＆＃34;，＆＃34; para＆＃34;] 调用这两个属性，但它只显示段落而不是标题..

如何将h1和p标签都放在一个div上？

Answer 1

您可以使用属性innerHTML来连接构建目标div内容的HTML字符串。

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>