HTML | DOM Parameter Object

The Map Object property in HTML DOM is used to create and access the <param> element with in the object.Parameters for plugin embedded with an element is done by using the element.

Syntax:

  • It is used to access a <param> element.
    var x = document.getElementById("myParam");
  • It is used to create a <param> element.
    var x = document.createElement("PARAM");

Property Values:

  • name: It is used to set or return the value of the name attribute of a parameter.
  • value: It is used to set or return the value of the value attribute of a parameter.

Example-1: Access param element’s name value.

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
    <title
        HTML DOM Parameter Object Property 
    </title>
<body>
    <h4>Click the button</h4>
    <button onclick="GFG()">Click Here!<br>
    </button>
    <p></p>
        <object data="sample.mp4"
            <param id="myParam" name="Autoplay" value="true"
        </object>
    <p id="Geeks"></p>
    <script>
        function GFG() {
                   var x = document.getElementById("myParam").name;
           document.getElementById("Geeks").innerHTML = x;
        }
    </script>
</body>
</html>

chevron_right


Output:

  • Before click on the button
  • After click on the button

Example-2: Create param element using document.createElement(“OBJECT”);.

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
    <title
        HTML DOM Menu Object Property 
    </title>
<body>
    <h4>Click the button</h4>
    <button onclick="GFG()">Click Here!<br>
    </button>
    <p></p>
    <script>
        function GFG() {
            var x = document.createElement("OBJECT");
            x.setAttribute("data", "sample.mp4");
            x.setAttribute("id", "myObject");
            document.body.appendChild(x);
  
            var y = document.createElement("PARAM");
            y.setAttribute("name", "autoplay");
            y.setAttribute("value", "true");
            document.getElementById("myObject").appendChild(y);    
        }
    </script>
</body>
</html>

chevron_right


Output:

  • Before click on the button
  • After click on the button

Steps to execute the above code:

  • Add media file.
  • Save the file locally.
  • Run on the standard browser.

Supported Browsers: The browser supported by DOM Parameter Object property are listed below:

  • Google Chrome 5.0
  • Internet Explorer 8.0
  • Firefox 3.6
  • Safari 5.0
  • Opera 10.6


My Personal Notes arrow_drop_up


Article Tags :
Practice Tags :


Be the First to upvote.


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.