HTML | DOM 字段集对象

DOM Fieldset 对象用于表示 HTML

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

特性：

• disabled: disabled属性用于设置或返回字段集是否被禁用。
• 形式：用于返回对包含字段集的表单的引用。
• 名称：字段的名称属性的值设置或名称的回报。
• type：返回表单的类型。

句法：

document.getElementById("ID");

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

示例 1：

  

    fieldset tag
    
        h1,
        h2,
        .titl {
            text-align: center;
        }
          
        fieldset {
            width: 50%;
            margin-left: 22%;
        }
          
        h1 {
            color: green;
        }
          
        button {
            margin-left: 35%;
        }
    

  

    GeeksforGeeks
    DOM fieldset Object
    
    
        
          Suggest article for video:
        
        
            JAVA:
            Title:
            
             Link:
            
             User ID:
            
        
        
    
    
    
    Submit
    
        function Geeks() {
            var g = document.getElementById("GFG");
            
            <!-- check the fieldset is disable or not -->
            g.disabled = true;
            
            <!-- name property of fieldset -->
            g.name;
        }
    

  

输出：

点击按钮前：

:点击ON按钮后

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

  

    DOM Fieldset Object
    
        h1,
        h2 {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
          
        button {
            margin-left: 40%;
        }
          
        details {
            font-size: 30px;
            color: green;
            text-align: center;
            margin-top: 30px;
        }
    

  

    GeeksforGeeks
    DOM Fieldset Object
    Submit
  
    
        function myGeeks() {
            var g = document.createElement("FIELDSET");
            g.setAttribute("id", "GFG");
            document.body.appendChild(g);
  
            var f = document.createElement("LEGEND");
            var text = document.createTextNode("JAVA");
            f.appendChild(text);
  
            document.getElementById("GFG").appendChild(f);
  
        }
    

  
 

点击按钮前：

点击按钮后：

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

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