动态生成js表格

androidwinter

于 2018-03-10 13:39:32 发布

阅读量163

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/s546725246/article/details/79507204

js代码：

 for (var prop in jsonObj)
                        {

                            var tr=document.createElement("tr");

                            var th=document.createElement("th");
                            th.innerHTML=jsonObj[prop];

                            var td=document.createElement("td");

                            var input=document.createElement("input");

                            td.appendChild(input);

                            tr.appendChild(th);
                            tr.appendChild(td);
                           document.getElementById("tableform").appendChild(tr);

                        }

jsp代码：

<form id='form'>
    <table id="tableform" class="tableForm" style="width: 100%; margin-top: 20px; ">
    </table>
</form>