javascript - 在javascript中动态增加HTML表格的行大小

Question

我是 JavaScript 的新手，只是在学习它的基础知识。我正在做一个示例程序并创建了一个 javascript 程序以在 div 内的 html 页面中显示一些数据。但它不是动态的。我有一些值，如姓名、地址、年龄和少数员工的状态，同时使用在 html 页面中显示上述详细信息的用户名登录。这是一个简单的程序。

我想做的是，我想动态增加 div 或表的大小，我可以在其中显示地址、年龄、状态等使用详细信息。如果某些用户有更多详细信息，那么我想添加在 html 页面中。我该怎么做 ？？在 home.jsp 中，我有以下代码。

<table>
    <div id="name1" width:400px;"></div>
    <div id="address1" width:400px;"></div>
    <div id="age1" width:400px;"></div>
    <div id="status1" width:400px;"></div>
</table>   

这是我在 home.js 中使用的函数

function(json)
{   
    var content= $('#name1').replaceWith('<tr><td> Name: ' + json.name + '<tr><td>');
    var content= $('#address1').replaceWith('<tr><td> Name: ' + json.address + '<tr><td>');
    var content= $('#age1').replaceWith('<tr><td> Name: ' + json.age + '<tr><td>');
    var content= $('#status1').replaceWith('<tr><td> Name: ' + json.status + '<tr><td>');
}

Answer 1

首先你需要做一个循环

你必须使用 append()例如。

$( "#your_div_id" ).append( "<tr><td> your_label: ' + json.your_values + '<tr><td>'" );

Reference Link