自学js中,在插入元素建表这块出现了点儿问题,不知道代码哪里出错了
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格斑马线</title>
<body>
<div id ="d"></div>
<script>
var table=document.createElement("table");
var tb_style=document.createAttribute("style");
tb_style.nodeValue="width:800px;height:8em;border:1px solid red;";
table.setAttributeNode(tb_style);
var tr0=new Array("id","name","blood");
var tr1=new Array("1","gareen","340");
var tr2=new Array("2","teemo","320");
var tr3=new Array("3","annie","380");
var tr=new Array(tr0,tr1,tr2,tr3);
var tr_style=document.createAttribute("style");
tr_style.nodeValue="border-bottom:1px solid gray;";
for(i=0;i<tr.length;i++)
{
var tr=document.createElement("tr");
for(j=0;j<tr0.length;j++)
{
var td=document.createElement("td");
var text=document.createTextNode(tr[i][j]);
td.appendChild(text);
tr.appendChild(td);
}
tr.setAttributeNode(tr_style);
table.appendChild(tr);
}
var div=document.getElementById("d");
div.appendChild(table);
</script>
</body>
</html>