Question

我想在下面tbody中创建一个新行，但是在第一行（"aaaaa"）之后。

<html>
    <body onload="generate()">
        <table id="myTable">
            <thead>
                <tr>
                    <th>My Header</th>
                </tr>
            </thead>
            <tbody id="myList">
                <tr>
                    <td>aaaaa</td> 
                </tr>
            </tbody>
        </table>
    </body>
    <script>
        function generate(){            
            var node = document.createElement("tr");
            node.setAttribute("id","one");
            var textnodeTD = document.createElement("td");
            var values = document.createTextNode("AAAAA");
            document.getElementById("myList").lastChild(node);
            document.getElementById("one").appendChild(textnodeTD);
            textnodeTD.appendChild(values);  
        }
    </script>
</html>

Answer 1

将lastChild更改为appendChild

＆＃13;

function generate() {
  var node = document.createElement("tr");
  node.setAttribute("id", "one");
  var textnodeTD = document.createElement("td");
  var values = document.createTextNode("AAAAA");
  document.getElementById("myList").appendChild(node);
  document.getElementById("one").appendChild(textnodeTD);
  textnodeTD.appendChild(values);
}

＆＃13;

<body onload="generate()">
  <table id="myTable">
    <thead>
      <tr>
        <th>My Header</th>
      </tr>
    </thead>
    <tbody id="myList">
      <tr>
        <td>aaaaa</td>
      </tr>
    </tbody>
  </table>
</body>

＆＃13;

如何通过跳过表中的第一行来创建动态行

1 个答案: