Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML | DOM Output type Property

  • Last Updated : 31 Oct, 2019

The HTML DOM Output type Property is used for returning the type of Output Element, type of element the Output object represents. This property will always return the “output”.

Syntax:

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

outputObject.type 

Parameter: This property does not accepts any parameter.
Return value: It returns a string value which represents the type of HTML element that the output element belongs to.

Example: This Example returns the Output type Property.




<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM Output type Property
    </title>
    <style>
        body {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
    </style>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
    <h2
     HTML DOM Output type Property 
    </h2>
    <form oninput="sumresult.value = parseInt(A.value) 
                + parseInt(B.value) + parseInt(C.value)">
        <input type="number" name="A" value="50" /> +
  
        <input type="range" name="B" value="0" /> +
  
        <input type="number" name="C" value="50" />
        <br /> Submit Result:
        <output name="sumresult" id="geeks" for="A B C">
        </output>
        <br>
        <br>
    </form>
    <Button onclick="myGeeks()">Submit</Button>
    <h2 id="sudo"></h2>
  
    <script>
        function myGeeks() {
            var x = document.getElementById("geeks").type;
            document.getElementById("sudo").innerHTML = x;
        }
    </script>
  
</body>
  
</html>

Output:

  • Before Clicking On Button:
  • After Clicking On Button:

Supported Browsers: The browsers supported by HTML DOM Output type Property are listed below:

  • Google Chrome 10.0
  • Firefox 4.0
  • Opera 11.0
  • Safari 5.1



My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!