HTML | DOM 下划线对象

DOM 下划线对象用于表示 HTML 元素。下划线元素由 getElementById() 访问。

句法：

document.getElementById("id"); 

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

示例 1：

html

    
        
            HTML DOM underline Object
        
    
     
    
     
        
            GeeksForGeeks
        
         
        DOM underline Object
 
         
GeeksforGeeks! A computer
        science portal for geeks.
 
         
        
            Click Here!
        
         
        
            function Geeks() {
                var txt = document.getElementById("u");
                txt.style.color = "green";
            }
        
    

输出：
点击按钮前：

点击按钮后：

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

html

    
        
            HTML DOM underline Object
        
    
     
    
          
        
            GeeksForGeeks
        
         
        DOM underline Object
 
        
            Click Here!
        
         
        
 
         
        
            function Geeks() {
                var txt = document.createElement("U");
                var t = document.createTextNode("An underlined text.");
                txt.appendChild(t);
                document.getElementById("p").appendChild(txt);
            }
        
    
                   

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

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