Javascript 如何在动态表中添加数据_Javascript_Jquery

Javascript 如何在动态表中添加数据

javascript jquery

Javascript 如何在动态表中添加数据,javascript,jquery,Javascript,Jquery,嗨，我有一个动态创建的表。这是创建表的代码函数表（）{ var body=document.body， tbl=document.createElement（'table'）， tableId=document.createAttribute（'id'）； tableId.value=“table”； tbl.setAttributeNode（表ID）； tbl.style.width='100%'； id=0；对于（变量i=0；i

嗨，我有一个动态创建的表。这是创建表的代码

函数表（）{
var body=document.body，
tbl=document.createElement（'table'），
tableId=document.createAttribute（'id'）；
tableId.value=“table”；
tbl.setAttributeNode（表ID）；
tbl.style.width='100%'；
id=0；
对于（变量i=0；i<30；i++）{
var tr=tbl.insertRow（）；
tr.setAttribute（“数据id”，i，0）；
对于（var j=0；j<3；j++）{
var td=tr.insertCell（）；
td.appendChild（document.createTextNode（“”）；
}
}
$（“.lefttablediv”）.append（待定）；
};
表（）

函数表（）{
var body=document.body；
var tbl=document.createElement（'table'）；
var tableId=document.createAttribute（'id'）；
tableId.value=“table”；
tbl.setAttributeNode（表ID）；
tbl.style.width='100%'；
警报（tbl）；
控制台日志（tbl）；
id=0
对于（变量i=0；i<30；i++）{
var tr=tbl.insertRow（）；
tr.setAttribute（“数据id”，i，0）；
对于（var j=0；j<3；j++）{
var td=tr.insertCell（）；
td.appendChild（document.createTextNode（“请在此添加一些文本”）；
}
}
$（“#正文”）。追加（待定）；
};
表（）；

td.appendChild（document.createTextNode（“”）；您正在添加显示空白页面的空白数据，添加一些它将反映在页面上的文本

*****td.appendChild（document.createTextNode（“请在此添加一个文本”）***您可以使用Jquery after方法添加它。请参阅此链接。创建数据后，您可以通过****document.getElementById（“table”）.innerHTML=“您在这里更改任何东西”来更改整个数据的数据***
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<Html>
<body id ="body">
</body>
</html>
<script> 

 function table() {

        var body = document.body;

                var tbl = document.createElement('table');

                var tableId = document.createAttribute('id');
        tableId.value = "table";
        tbl.setAttributeNode(tableId);
        tbl.style.width = '100%';
      alert(tbl);


console.log(tbl);

       id=0

        for (var i = 0; i < 30; i++) {
            var tr = tbl.insertRow();
            tr.setAttribute("data-id", i, 0);

            for (var j = 0; j < 3; j++) {

                var td = tr.insertCell();
                td.appendChild(document.createTextNode("Please add some text here"));


            }

        }

        $("#body").append(tbl);



    };
    table();
    </script>