HTML | DOM 输入隐藏对象

HTML DOM 中的 Input Hidden 对象表示具有 type = “hidden” 属性的 元素。可以使用 getElementById() 方法访问该元素。

句法：

document.getElementById("id"); 

其中 id 分配给 标签。

属性值：

• defaultvalue：用于设置或返回隐藏输入字段的默认值。
• form：它返回包含隐藏输入字段的表单的引用。
• name：用于设置或返回隐藏输入字段的名称属性值。
• type：它返回隐藏输入字段所属的表单元素的类型。
• value：用于设置或返回隐藏输入字段的value属性的值。

示例 1：此示例描述了 getElementById() 方法以访问具有 type = “hidden” 属性的 元素。

 
 
 DOM Input Hidden Object  
 
 
    
        
            GeeksForGeeks
        
           
        DOM Input Hidden Object
           
        
           
        
            Submit
        
           
        
           
        
            function Geeks() {
                var g = document.getElementById("myGeeks").value; 
                document.getElementById("sudo").innerHTML = g; 
            }
        
    

   
        
  

输出：
在点击按钮之前：

点击按钮后：

示例 2：可以使用 document.createElement方法创建输入隐藏对象。

      

    
        DOM Input Hidden Object
    

  

    
        
            GeeksForGeeks
        
          
        DOM Input Hidden Object
          
        
          
        
            Submit
        
          
        
          
        
            function Geeks() {
                var g = document.createElement("INPUT");
                g.setAttribute("type", "hidden");
                document.body.appendChild(g);
                  
                document.getElementById("sudo").innerHTML
                        = "Hidden Content";
            }
        
    

  
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM Input Hidden Object支持的浏览器如下：

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