我正在尝试修改JSON文件中的数据，并将其放入HTML文件中.如何修复我的代码，使其正常工作

Question

var obj = JSON.parse(portfolioData.json);
function appendData(data) {
var code = "";
for (var i = 0; i < data.length; i++) {
var current = data[i];
code = code + '<div class="post flexbox"> <div class="column20 ver-center" style="margin-right: 30px;">';
code = code + '<h6>' + current.date[0] + '<br>' + current.date[1] + '<br>' + current.date[2] + '</h6></div>';
code = code + '<div class="column80 ver-center">';
code = code + '<a href="' + current.link + '" target="_blank">';
code = code + '<h2 class="white"><u>' + current.title + '</u></h2></a>';
code = code + '<p>' + current.description + '</p></div></div>';
}
return code;
}
document.getElementById("main-portfolio").innerHTML = appendData(obj);

上面的所有代码都在div内部的标签中，标签为"；主要投资组合"；。当我正常打开HTML文件时，JSON中的数据不会显示在HTML文件中。如何解决此问题？

json文件"；portfolioData.json"；与主HTML文件位于同一目录中。JSON的格式如下。

[
{
"title": "SAMPLE TITLE",
"link": "https://google.com",
"date": ["22", "11", "20"],
"description": "SAMPLE DESCRIPTION"
}
]

Answer 1

您说过：上面的所有代码都在div内的标记中，标记为"主要投资组合"；

这意味着您编写的脚本试图在将#mainportfolio元素添加到文档对象模型之前运行。

也许可以稍后在页面中运行脚本。