遍历 JavaScript 对象并填充表中的值可以通过以下步骤实现:
for...in
循环遍历 JavaScript 对象的属性。for (let key in obj) {
if (obj.hasOwnProperty(key)) {
// 在这里进行操作
}
}
textContent
或 innerHTML
属性来设置单元格的值。let table = document.getElementById("myTable");
let row = table.insertRow();
let cell1 = row.insertCell();
let cell2 = row.insertCell();
cell1.textContent = key;
cell2.textContent = obj[key];
innerHTML
属性清空表格内容,然后再进行填充。table.innerHTML = "";
完整的代码示例:
let obj = {
name: "John",
age: 30,
city: "New York"
};
let table = document.getElementById("myTable");
table.innerHTML = "";
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
let row = table.insertRow();
let cell1 = row.insertCell();
let cell2 = row.insertCell();
cell1.textContent = key;
cell2.textContent = obj[key];
}
}
这样,就可以遍历 JavaScript 对象并将其值填充到表格中了。
对于云计算领域的相关知识,可以参考腾讯云的文档和产品介绍:
请注意,本回答仅提供了一个示例,实际情况可能因具体需求和环境而有所不同。
领取专属 10元无门槛券
手把手带您无忧上云