通过js代码直接创建页面元素

来源:互联网 发布:宝马行车记录仪 软件 编辑:程序博客网 时间:2024/05/22 13:01

可以通过js代码直接创建表格等元素:
在页面上创建一个div层
<div id = jsCode></div>
在js文件中用document.getElementById()得到该div层,然后

用document.createElement创建表格等页面元素,加到该层

中。
如下,js文件
var tableJs = document.createElement("table");
tableJs.id = "tableJs";
var trJs = document.createElement("tr");
trjs.id = "trJs";
var tdJs = document.createElement("td");
tdjs.id = "tdJs";
trJs.appendChild(tdJs);
tableJs.appendChild(trJs);
var divJs = document.getElementById("jsCode");
divJs.appendChild(tableJs);