HTML | DOM Script Object
The DOM Script Object is used to represent the HTML <script> element. The script element is accessed by getElementById().
Properties:
- async: It is used to specify the script is executed asynchronously.
- charset: It is used to specify the character encoding used in an external script file.
- defer: It is used to specify that the script is executed when the page has finished parsing.
- src: It is used to specify the URL of an external script file.
- type: It is used to specify the media type of the script.
Syntax:
document.getElementById("ID");
Where “id” is the ID assigned to the “script” tag.
Example-1:
<!DOCTYPE html> < html > < head > < style > body { text-align: center; } h1 { color: green; } </ style > </ head > < body > < h1 >w3wiki</ h1 > < h2 >DOM Script Object </ h2 > <!-- Assigning id to script. --> < script id = "GFG" > Hello w3wiki! </ script > < br > < br > < button onclick = "myBeginner()" >Submit</ button > < p id = "sudo" ></ p > < script > function myBeginner() { // Accessing script object var g = document.getElementById( "GFG").text; document.getElementById( "sudo").innerHTML = g; } </ script > </ body > </ html > |
Output:
Before Clicking On Button:
After Clicking On Button :
Example-2: Script Object can be created by using the document.createElement Method.
<!DOCTYPE html> < html > < head > < style > body { text-align: center; } h1 { color: green; } </ style > </ head > < body > < h1 >w3wiki</ h1 > < h2 >DOM Script Object </ h2 > < button onclick = "myBeginner()" > Submit </ button > < script > function myBeginner() { // Creating 'script' object. var g = document.createElement("SCRIPT"); var f = document.createTextNode("alert( 'Hello w3wiki')"); g.appendChild(f); document.body.appendChild(g); } </ script > </ body > </ html > |
Output:
Before Clicking On Button :
After Clicking On Button:
Supported Browser: The browser supported by DOM Script Object are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Safari
- Opera