JS动态生成DIV比较简单,下面是表的示例
<html>
<head>
<title>简单示例</title>
<script>
function start() {
// 获取body
var body = document.getElementsByTagName("body")[0];
// 创建表节点 和tbody节点
var tbl = document.createElement("table");
var tblBody = document.createElement("tbody");
for (var j = 0; j < 4; j++) {
// 添加行tr
var row = document.createElement("tr");
for (var i = 0; i < 2; i++) {
// 添加列td
var cell = document.createElement("td");
cell.style.border=0;
cell.style.cellspacing="0";
cell.style.cellpadding="0";
var cellText = document.createTextNode("cell is row "+j+", column "+i);
cell.appendChild(cellText);
row.appendChild(cell);
}
// 增加到tbody
tblBody.appendChild(row);
}
// 把tbody放入table中
tbl.appendChild(tblBody);
// table put to body
body.appendChild(tbl);
set atrribute
tbl.setAttribute("border", "0");
}
</script>
</head>
<body οnlοad="start()">
</body>
</html>
符合DHTMl的层次结构