HTML | DOM 标签对象

DOM 标签对象用于表示 元素。 Label 元素由getElementById()访问。

特性：

• control：用于返回带标签的控件。
• form：用于返回包含标签的表单的地址。
• htmlFor：用于设置或返回标签的 for 属性值。

句法：

document.getElementById("ID");

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

示例 1：

  

    DOM Label Object
  
    
        body {
            font-size: 20px;
        }
    

  

  
    GeeksforGeeks
    DOM Label Object
  
    
  
        
        
            Student
        
        
        
  
        
            Business
        
        
        
  
        
            Other
        
        
  
        
    
    
    Submit
    
    
        function myGeeks() {
            var g = document.getElementById("GFG").htmlFor;
            document.getElementById("sudo").innerHTML = g;
        }
    

  

输出：

点击按钮前：

点击按钮后：

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

  

    DOM Label Object
  
    
        body {
            font-size: 20px;
        }
    

  

  
    GeeksforGeeks
    DOM Label Object
  
    
        
    
    Submit
    
        function myGeeks() {
            var g = document.createElement("LABEL");
            var f = document.createTextNode("Student");
            g.setAttribute("for", "Student");
            g.appendChild(f);
            document.getElementById("GFG").insertBefore(
              g, document.getElementById("Student"));
        }
    

  
                

输出：

点击按钮前：

点击按钮后：

支持的浏览器： DOM标签对象支持的浏览器如下：

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