HTML | DOM Parameter Object

Last Updated : 17 Jun, 2022

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

S

SHUBHAMSINGH10

Improve

Article Tags :

Similar Reads

HTML DOM History go() Method

The History go() method in HTML is used for loading a specific URL from the history list. It is a better alternative to history.back() and history.forward() methods if a number or the URL of the specific page is known and wants to load from your history. Syntax: history.go( number|URL )Parameters: T

HTML DOM console groupEnd() Method

The console.groupEnd() method in HTML is used to indicate the end of a group of messages in the console that has been created using the console.group() method. This method does not accept any parameter. Syntax:console.groupEnd()Example: The below program illustrates the console.groupEnd() method in

HTML DOM readyState Property

The readyState property in HTML is used to return the loading status of the current document. This property is used for read-only. Syntax:document.readyStateReturn Value: It returns a string value which is used to define the status of the current document. The one of five status are listed below:uni

HTML DOM Location host Property

The Location Host property in HTML is used to sets or return the hostname and port of a URL. The Location Hash property doesn't return the port number if it is not specified in the URL. Syntax: It returns the host property. location.hostIt is used to set the host property. location.host = hostname:p

HTML DOM Location protocol Property

The Location protocol property in HTML is used to return the protocol or set the protocol of the current URL. It returns a string that contains the protocol of the current URL, including the colon (:). Syntax: It returns the protocol property. location.protocolIt is used to set the protocol property

HTML DOM Location pathname Property

The Location pathname property in HTML is used to set or return the pathname of a URL. The Location pathname property returns a string that represents the pathname of the URL. Syntax: It returns the pathname property.location.pathnameIt is used to set the pathname property.location.pathname = pathEx

HTML DOM Location hostname Property

The Location hostname property in HTML is used to return the hostname of the current URL. The Location hostname property returns a string that contains the domain name, or the IP address of a URL. Syntax: It returns the hostname property. location.hostname It is used to set the hostname property. lo

HTML DOM Location href Property

The Location href property in HTML is used to set or return the complete URL of the current page. The Location href property can also be used to set the href value point to another website or point to an email address. The Location href property returns a string that contains the entire URL of the p

HTML | DOM Input Image Object

The Input Image Object in HTML DOM is used to represent the HTML < input > element with type=â€imageâ€. This tag is used to access or create the element. This element can be accessed by using getElementById() method. Syntax: document.getElementById("MyImage"); Return Value: It return the propert

HTML | DOM Ol start Property

The DOM Ol start property is used to set or return the value of the start attribute in an ordered list. The start attribute in HTML is used to specify the start value for numbering the individual list item. It is used with an ordered list. Syntax: It is used to return the start property. olObject.st