HTML | DOM 标签 htmlFor 属性

DOM Label htmlFor 属性用于设置或返回 元素的 for 属性值。 For 属性定义将标记哪个表单元素。

句法：

• 它用于返回 htmlFor 属性：

  labelObject.htmlFor

• 它用于设置 htmlFor 属性：

  labelObject.htmlFor = id

属性值：

• id：它定义了应该被标记的元素的 id 属性。

返回值：它返回一个字符串值，表示将被标记的元素的 id。

示例 1：说明如何返回属性的 HTML 程序。

  

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

  

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

  

输出：

点击按钮前：

点击按钮后：

示例 2：说明如何设置 htmlFor 属性的 HTML 程序。

  

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

  

  
    GeeksforGeeks
  
    
    DOM Label htmlfor Property
  
    
  
        
        
            Student
        
        
        
  
        
            Business
        
        
        
  
        
            Other
        
        
  
        
    
    
    Submit
  
    
    
    
        function myGeeks() {
            
            // Set htmlfor property.
            var g = 
           document.getElementById("GFG").htmlFor = 
                "Employes"
            document.getElementById("sudo").innerHTML = 
          "The value of the For attribute was "
            "changed from student to " + g;
        }
    

  

输出 ：

点击按钮前：

点击按钮后：

支持的浏览器： DOM Label htmlFor 属性支持的浏览器如下：

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