HTML | DOM DList 对象

DOM DList 对象用于表示 HTML

标签。 Dlist 元素由getElementById()访问。

句法：

document.getElementById("ID");<

其中“id”是分配给“dl”标签的ID。

示例 1：

  

    dl tag
    
        h1,
        h2 {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
          
        dl {
            margin-left: 20%;
        }
          
        button {
            margin-left: 30%;
        }
    

  

    GeeksforGeeks
    DOM DList Object
    
    
    
        GeeksforGeeks
        A Computer Science Portal For Geeks
    
    
    Submit
    
    
        function myGeeks() {
            <!-- Accessing 'dl'. -->
            var g = document.getElementById("GFG").innerHTML;
            document.getElementById("sudo").innerHTML = g;
        }
    

  

输出：
点击按钮前：

点击按钮后：

示例 2：可以使用document.createElement方法创建 DList 对象。

  

    dl tag
    
        h1,
        h2 {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
          
        dl {
            margin-left: 20%;
        }
          
        button {
            margin-left: 30%;
        }
    

  

    GeeksforGeeks
    DOM DList Object
    Submit
  
    
        function myGeeks() {
            var g = document.createElement("DL");
            g.setAttribute("id", "GFG");
            document.body.appendChild(g);
  
            var f = document.createElement("DT");
            var text = document.createTextNode("GeeksForGeeks");
            f.appendChild(text);
  
            document.getElementById("GFG").appendChild(f);
  
            var z = document.createElement("DD");
            var text2 = document.createTextNode(
              "A Computer Science PortaL For Geeks");
            
            z.appendChild(text2);
            document.getElementById("GFG").appendChild(z);
        }
    

  

输出：

点击按钮前：

点击按钮后：

支持的浏览器： DOM DList 对象支持的浏览器如下所示。

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