HTML | DOM dl 对象

DOM dl 对象用于表示 HTML

元素。可以使用 getElementById()方法访问 dl 元素。 dl用于在 HTML 中创建描述列表。

句法：

document.getElementById("id"); 

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

示例 1：在下面的程序中，访问了 dl 元素并更改了描述列表中文本的颜色。

html

        
          GeeksForGeeks
        
        DOM dl Object
 
        
          Sorting
          Merge sort
        
         
        Click Here!
         
        
 
         
        
        function Geeks() {
          var doc = document.getElementById("id").innerHTML;
 
          document.getElementById("p").innerHTML = doc;
        }
        

输出：
点击按钮前：

点击按钮后：

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

html

        
          GeeksForGeeks
        
        DOM dl Object
 
        Click Here!
        
        function Geeks() {
          // Creating a dl element
          var doc = document.createElement("DL");
          doc.setAttribute("id", "dl");
          document.body.appendChild(doc);
           
          // Creating a DT element
          var doc1 = document.createElement("DT");
          var txt1 = document.createTextNode("Sorting");
          doc1.appendChild(txt1);
          doc1.setAttribute("id", "dt");
          document.getElementById("dl").appendChild(doc1);
           
          // Creaiting a dd element
          var doc2 = document.createElement("DD");
          var txt2 = document.createTextNode("Merge sort");
          doc2.appendChild(txt2);
          document.getElementById("dl").appendChild(doc2);
        }
        

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

• 谷歌浏览器
• 火狐浏览器
• 边缘
• 苹果浏览器
• 歌剧