以下是一个示例代码,它会遍历JSON数据,并将每个元素附加到页面上的一个div上:
HTML代码:
JavaScript代码:
// JSON数据
var jsonData = {
"name": "John",
"age": 30,
"city": "New York"
};
// 找到容器元素
var container = document.getElementById("container");
// 遍历JSON数据
for (var key in jsonData) {
if (jsonData.hasOwnProperty(key)) {
// 创建一个新的div元素
var div = document.createElement("div");
// 设置div的内容为键值对
div.innerHTML = key + ": " + jsonData[key];
// 将div添加到容器元素中
container.appendChild(div);
}
}
这个代码将会创建一个div元素,并将每个键值对添加到新的div元素中,然后将它们附加到页面上的容器元素中。结果将会是一个包含JSON数据的div列表。