运用js创建表格
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了运用js创建表格相关的知识，希望对你有一定的参考价值。
<html>
<head>
<title>运用js创建表格</title>
</head>
<body>
<table>
</table>
<script type="text/javascript">
/*function createTable(){
var body = document.body;
var table = document.createElement("table");
var tr = document.createElement("tr");
var td = document.createElement("td");
var txt = document.createTextNode("hello,world");
td.appendChild(txt);
tr.appendChild(td);
table.appendChild(tr);
table.style.border = "1px solid black";
body.appendChild(table);
}*/
function createDuoTable(){
var body = document.body;
var table = document.createElement("table");
for(var i=0;i<4;i++){
var tr = document.createElement("tr");
var td = document.createElement("td");
var txt = document.createTextNode("hello,world");
td.appendChild(txt);
tr.appendChild(td);
table.appendChild(tr);
td.style.border = "1px solid black";
if(i%2){
tr.style.backgroundColor = "#DDD";
} else {
tr.style.backgroundColor = "green";
}
}
table.style.border = "1px solid black";
body.appendChild(table);
}
createDuoTable();
</script>
</body>
</html>
效果如下:
以上是关于运用js创建表格的主要内容，如果未能解决你的问题，请参考以下文章
Rails 4 / JS / HTML 无法添加下拉菜单，因此它为 html 表创建过滤器