HTML | DOM DT 对象

DOM dt 对象用于表示 HTML

元素。可以使用 getElementById()方法访问 dt 元素。

句法：

document.getElementById("id"); 

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

示例 1：

html

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

输出：
点击按钮前：

点击按钮后：

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

html

        
          GeeksForGeeks
        
 
        DOM DT Object
 
        Click Here!
 
        
        function Geeks() {
            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);
           
            // Creating a dd element
            var doc2 = document.createElement("DD");
            var txt2 = document.createTextNode("Merge sort");
            doc2.appendChild(txt2);
            document.getElementById("dl").appendChild(doc2);
        }
        

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

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