Skip to content
Related Articles

Related Articles

Save Article
Improve Article
Save Article
Like Article

HTML | DOM Output htmlFor Property

  • Last Updated : 04 Nov, 2019

The HTML DOM Output htmlFor Property is used for returning the value of the for attribute of an <Output> Element. The htmlFor Attribute is used to specify the relationship between the result and the calculation.


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


Parameter: This property does not accepts any parameter.
Return Value: It returns a element_id Which represents the relationship between the result and the calculation.

Example: This Example returns a htmlFor Property.

<!DOCTYPE html>
        HTML DOM Output htmlFor Property
        body {
            text-align: center;
        h1 {
            color: green;
     HTML DOM Output htmlFor Property 
    <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">
    <Button onclick="myGeeks()">Submit</Button>
    <h2 id="sudo"></h2>
        function myGeeks() {
            var x = document.getElementById("geeks").htmlFor;
            document.getElementById("sudo").innerHTML = x;


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

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

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

My Personal Notes arrow_drop_up
Recommended Articles
Page :