テーブル内の最初の行をスキップして動的行を作成する方法

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>

出典

2017-10-16 Sathish

変更lastChild

appendChildから

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); 
 
}

<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>

出典

2017-10-16 11:14:35

私はそれを得たありがとう.. – Sathish

テーブル内の最初の行をスキップして動的行を作成する方法

答えて

関連する問題