zoukankan      html  css  js  c++  java
  • table子节点

      今天尝试着给表格的子节点添加数据,给最后一行之前添加数据,然而无论怎么操作,得到的结果都是出错;然后上网各种查阅资料,发现table标签下默认有一个子节点tbody,所以对childNodes的操作都会出错,或者是结果不准确。无奈之下只好对table进行tr的获取以达到表格数据的插入;以下为简要代码:

    <table id="test">
    <tbody id="tes">
    <tr>
    <td>1</td>
    <td>1</td>
    </tr>
    <tr>
    <td>2</td>
    <td>2</td>
    </tr>
    <tr>
    <td>4</td>
    <td>4</td>
    </tr>
    </table>
    <script>
    window.onload=function(){
    var ote=document.getElementById("test");

    var child=ote.getElementsByTagName("tr");
    var st=child[2];
    var s=document.createElement("tr");
    s.innerHTML="<td>3</td><td>3</td>";

    tes.insertBefore(s,st);
    }
    </script>

  • 相关阅读:
    买不到的数目
    逆波兰表达式
    颠倒的价牌
    排它平方数
    寒假作业
    搭积木
    网友年龄
    九宫重排
    格子刷油漆
    高僧斗法
  • 原文地址:https://www.cnblogs.com/gehj/p/6538572.html
Copyright © 2011-2022 走看看