javascript当中创建table的TD和创建TR的方法

例 2.3(CreateTRTDIEFF.html)

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<body>
<table  border="1" >
    <tr>
        <td>id</td>
        <td>姓名</td>
    </tr>
      <tbody id="display">
        </tbody>
</table>

</body>
</html>
<script type="text/javascript">
    for (var i = 0; i < 3; i++) {
        var data = ['1', 'qixy'];
        var newRow = generaARow(data);
        var displayTable = document.getElementById("display");
        /*
         TBODY object (Object/HTML)
         An object that encapsulates a <TBODY> tag within a <TABLE> block. Inherits from: Element object,Element object (Object/HTML)
         Inherits from: Node object.
         Node.appendChild() (Method)
         A new child node object is added to the end of the list of immediate children of this node.
         JavaScript syntax: - myNode.appendChild(aNode)
         Argument list: aNode The node to be appended
         */
        displayTable.appendChild(newRow)
    }
    function generaARow(data) {
        var row, cell, txtNode;
        /*
         var a=document.createElement("div"); "div" also is a known element. you can not write as "divxxx". the same thing, we can use "table","select","option" ,etc.
         Document.createElement() (Method)
         A method to create a new element within a document.
         return value is:  Element object.  Element object is a subclass of Node.
         */
        row = document.createElement("tr");

更多内容请见原文,文章转载自:https://blog.csdn.net/qq_44594371/article/details/103064052

posted @ 2021-12-13 18:10  malala  阅读(313)  评论(0编辑  收藏  举报