用DOM做一个表格发现innerHTML有问题，大哥大嫂帮忙看一下？

我想做一个表格，三行两列，每行的第一列分别为“第一幅图”第二幅图“第三幅图“，但是只显示了第一幅图，和第二幅图，第三幅图没有显示，
<html>
<body>
<table>
</table>
<script>
//编辑第一部分-表格
var table=document.getElementsByTagName("table");
for(var i=0;i<3;i++)
  {tr=document.createElement("tr");
   td1=document.createElement("td");
   td2=document.createElement("td");
   table[0].appendChild(tr);
   tr.appendChild(td1);
   tr.appendChild(td2);}

var td11= table[0].childNodes[1].childNodes[0];
var td21= table[0].childNodes[2].childNodes[1];
var td31= table[0].childNodes[3].childNodes[2];

td11.innerHTML="第一幅图";
td21.innerHTML="第二幅图";
td31.innerHTML="第三幅图";
</script>
</body>
</html>
下面是效果图：
用DOM做一个表格发现innerHTML有问题，大哥大嫂帮忙看一下？

2 个解决方案

#1

<html>
<body>
<table>
</table>
<script>
//编辑第一部分-表格
var table=document.getElementsByTagName("table");
for(var i=0;i<3;i++)
  {tr=document.createElement("tr");
   td1=document.createElement("td");
   td2=document.createElement("td");
   table[0].appendChild(tr);
   tr.appendChild(td1);
   tr.appendChild(td2);}

var td11= table[0].childNodes[1].childNodes[0];
var td21= table[0].childNodes[2].childNodes[0];
var td31= table[0].childNodes[3].childNodes[0];

td11.innerHTML="第一幅图";
td21.innerHTML="第二幅图";
td31.innerHTML="第三幅图";
</script>
</body>
</html>

#2

草民给大神跪拜了

#1

#2

草民给大神跪拜了

秒客网

用DOM做一个表格发现innerHTML有问题，大哥大嫂帮忙看一下？

2 个解决方案

#1

#2

#1

#2

相关文章