HTML | DOM DD 对象

DOM DD 对象用于表示 HTML

元素。 DD 元素由 getElementById() 访问。

句法：

document.getElementById("ID");

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

示例 1：

  

    HTML dd Tag
    
        h1 {
            color: green;
        }
          
        h1,
        h2 {
            text-align: center;
        }
          
        body {
            width: 70%;
        }
          
        dt {
            color: red;
        }
    

  

    GeeksForGeeks
    DOM  Object
    
        Geeks Classes
          
        
        
          It is an extensive classroom 
          programme for enhancing DS and Algo concepts.
        
        
        
        Fork Python
        
          It is a course designed for beginners in python.
        
        
        
        Interview Preparation
        
          It is a course designed for preparation 
          of interviews in top product based companies.
        
    
    
    
      Submit
    
    
    
    
    
    
        function myGeeks() {
            <!-- Accessing of dd object. -->
            var g = 
             document.getElementById("GFG").innerHTML;
             document.getElementById("sudo").innerHTML 
            = g;
  
        }
    

  
            

输出：

单击按钮之前：

点击按钮后：

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

  

    HTML dd Tag
    
        h1 {
            color: green;
        }
          
        h1,
        h2 {
            text-align: center;
        }
          
        body {
            width: 70%;
        }
          
        dt {
            color: red;
        }
    

  

    
        GeeksForGeeks
        DOM  Object
  
        Submit
  
        
            Geeks Classes
        
        
            function myGeeks() {
                var g = document.createElement("DD");
                var f = document.createTextNode(
                    "It is an extensive classroom for" 
                  + " enhancing DS and Algo concepts.");
                g.appendChild(f);
  
                var w = document.getElementById("GFG");
                w.appendChild(g);
            }
        
    

  

输出 ：

点击按钮前：

点击按钮后：

支持的浏览器： DOM DD Object支持的浏览器如下：

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