新聞中心
在HTML中遍歷JSON數(shù)據(jù),可以使用JavaScript來實現(xiàn),以下是一個簡單的示例:

1、創(chuàng)建一個HTML文件,添加一個 2、接下來,創(chuàng)建一個名為 在這個示例中,我們首先創(chuàng)建了一個包含兩個對象的JSON數(shù)組,我們編寫了一個名為
main.js的JavaScript文件,編寫遍歷JSON數(shù)據(jù)的代碼:
// 示例JSON數(shù)據(jù)
const jsonData = [
{
"name": "張三",
"age": 30
},
{
"name": "李四",
"age": 25
}
];
// 獲取用于顯示結果的div元素
const resultDiv = document.getElementById("result");
// 遍歷JSON數(shù)據(jù)并顯示到頁面上
function traverseJson(data) {
let tableHtml = "
";
resultDiv.innerHTML = tableHtml;
}
// 調(diào)用函數(shù),傳入JSON數(shù)據(jù)
traverseJson(jsonData);
";
for (let i = 0; i < data.length; i++) {
tableHtml += 姓名 年齡 ;
}
tableHtml += "${data[i].name} ${data[i].age} traverseJson的函數(shù),該函數(shù)接受一個JSON數(shù)組作為參數(shù),并將其轉換為一個HTML表格,我們將生成的表格插入到頁面上的


咨詢
建站咨詢
