HTML | DOM 表对象

Table 对象用于表示 HTML

元素。它可用于创建和访问表。

句法：

• 要访问表格元素。：

  document.getElementById("id");

• 创建表对象：

  document.createElement("TABLE");

下面的程序说明了表对象：

示例 1：使用getElementById()方法访问

元素。

  

    
    

  

  
    
GeeksforGeeks
    
Table Object
    

  
    

                                                                                            

Fork Python	Fork Java
Sudo Placement	Fork CPP

       

Double click the "Delete Row"        button to remove the second row from the table.

       Delete Row              

输出：
点击按钮前：

点击按钮后：

示例 2：使用document.createElement()方法创建

元素。

  

    Table Object in HTML
    
        table {
            border: 1px solid green;
        }
          
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    Table Object
    
  
    Double click the "Create" button to create a 
      TABLE, a Table row and a Table cell element.
  
    Create
  
    
        function create() {
            
            // Create table object.
            var a = document.createElement("TABLE");
            a.setAttribute("id", "MyTable");
            document.body.appendChild(a);
  
            var b = document.createElement("TR");
            b.setAttribute("id", "MyTr");
            document.getElementById("MyTable").appendChild(b);
  
            var c = document.createElement("TD");
            var d = document.createTextNode("Table cell");
            c.appendChild(d);
            document.getElementById("MyTr").appendChild(c);
        }
    
  

  

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

• 歌剧
• IE浏览器
• 谷歌浏览器
• 火狐
• 苹果Safari

Copyright © 2020 - 2024 版权所有
蜀ICP备20006366号-1
Made with ❤️ in Chengdu