HTML DOM 输出对象

HTML DOM 输出对象用于表示 HTNL

标签。输出元素由getElementById() 访问。

句法：

document.getElementById("id");

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

价值观：

• 默认值：用于设置或返回
  元素的默认值。
• form：它返回对
  元素所属表单的引用。
• htmlFor：用于返回
  元素的属性值。
• 标签：用于返回与
  元素关联的标签元素列表。
• name：用于设置或返回
  元素的 name 属性的值。
• type：它返回 Output 对象代表的 HTML 元素的类型。
• value：用于设置或返回
  元素的value属性的值。

示例 1：下面的 HTML 代码返回输出元素的值。通过使用getElementById() 方法访问输出标记。

HTML

 

    
        HTML DOM Output Object
    
    
        body {
            text-align: center;
        }
 
        h1 {
            color: green;
        }
    

 

    GeeksforGeeks
    
        HTML DOM Output Object
    
    
         +
 
         +
 
        
         Submit Result:
        
        
        
        
    
    Submit
    
 
    
        function myGeeks() {
            var x = document.getElementById("geeks").value;
            document.getElementById("sudo").innerHTML = x;
        }
    
 

 

输出：

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

HTML

 

    
        
            GeeksForGeeks
        
        
            HTML DOM Output Object
        
 
         
 

            Click the Below button to
            create an OUTPUT element.
        
 
 
 
        0
            100
            +=
        
        
 
        Try it
 
        
 
 
    
 
    
        function Create() {
 
            // Create an output tag
            var x = document.createElement("OUTPUT");
            x.setAttribute("name", "x");  // Set name attribute
            x.setAttribute("for", "a b"); // Set firm attribute
            document.getElementById("GFG").appendChild(x);
            document.getElementById("sudo").innerHTML =
                `The output element was created. You can
                Change the value of the range or number
                field to see the result of a calculation.`;
        }
    

 

输出：

支持的浏览器列表如下：

• 谷歌浏览器 10.0
• 边缘 18.0
• 火狐4.0
• 歌剧 11.0
• Safari 7.0