Open In App

HTML | DOM Parameter Object

Improve
Improve
Like Article
Like
Save
Share
Report

The Parameter Object 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. 
 

html




<!DOCTYPE html>
<html>
    <title
        HTML DOM Parameter Object
    </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>


Output: 
 

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

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

html




<!DOCTYPE html>
<html>
    <title
        HTML DOM Parameter Object 
    </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>


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

 



Last Updated : 17 Jun, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads