<head>
<meta charset="utf-8"/>
<title></title>
<link rel="stylesheet" href="mytable.css" />
<script type="text/javascript">
var list = [
{id:1,name:'zhan',sex:'nv',age:18},
{id:2,name:'zhan',sex:'nv',age:18},
{id:3,name:'zhan',sex:'nv',age:18},
{id:4,name:'zhan',sex:'nv',age:18},
{id:5,name:'zhan',sex:'nv',age:18}
];
</script>
</head>
<body>
<tr id="mytable">
<td>id</td>
<td>name</td>
<td>sex</td>
<td>age</td>
<td>操作</td>
</tr>
</body>
<script type="text/javascript">
var showtable = document.getElementById("mytable");
for(var i = 0;i<list.length;i++){
var newtr = document.getElementById("tr");
var newtd1 = document.getElementById("td");
var newtd2 = document.getElementById("td");
var newtd3 = document.getElementById("td");
var newtd4 = document.getElementById("td");
var newtd5 = document.getElementById("td");
newtd1.innerText =list[i].id;
newtd2.innerText = list[i].name;
newtd3.innerText = list[i].sex;
newtd4.innerText = list[i].age;
}
</script>
Uncaught TypeError: Cannot set property 'innerText' of null
最新推荐文章于 2024-05-31 17:40:50 发布