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