The HTML DOM querySelectorAll() method returns all elements that matches a specific CSS selector specified in its parameter in an HTML document.SyntaxFollowing is the syntax −document.querySelectorAll(“CSS Selector”);ExampleLet us see an example of querySelectorAll() method − Live Demo    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    .drop-down{       width:35%;       border:2px solid #fff;       font-weight:bold;       padding:8px;    }    .btn{     ... Read More

The HTML DOM querySelector() method returns the first element that matches a specific CSS selector specified in its parameter in an HTML document.SyntaxFollowing is the syntax −document.querySelector(“CSS Selector”);ExampleLet us see an example of querySelector() method − Live Demo    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    .drop-down{       width:35%;       border:2px solid #fff;       font-weight:bold;       padding:8px;    }    .btn{   ... Read More

The HTML DOM progress max property returns and alter the value of the max attribute of a progress element in an HTML document.SyntaxFollowing is the syntax −1. Returning maxobject.max2. Modifying maxobject.max = “number”ExampleLet us see an example of progress max property − Live Demo    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.2rem;    }    .drop-down{       width:35%;   ... Read More

The HTML DOM option value property returns and modify the value of an option which is going to be sent over the server.SyntaxFollowing is the syntax −Returning valueobject.valueModifying labelobject.value = “text”ExampleLet us see an example of HTML DOM option value property − Live Demo    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.2rem;    }    .drop-down{       width:35%;   ... Read More

The DOM option label property returns and alter the value of the label attribute of an option in an HTML document.SyntaxFollowing is the syntax −Returning labelobject.label2. Modifying labelobject.label = “text”ExampleLet us see an example of option label property − Live Demo    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.2rem;    }    .drop-down{       width:35%;       border:2px ... Read More

The HTML DOM option defaultSelected property returns the default value of option element in an HTML document.SyntaxFollowing is the syntax −object.defualtSelectedExampleLet us see an example of defaultSelected property − Live Demo    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.2rem;    }    .drop-down{       width:35%;       border:2px solid #fff;       font-weight:bold;       padding:8px; ... Read More

The HTML DOM Parameter Object represent the element of an HTML document.Create param objectSyntaxFollowing is the syntax −document.createElement(“PARAM”);Properties of param objectPropertyExplanationnameIt returns and modify the value of the name attribute of a param element in an HTML document.valueIt returns and modify the content of the value attribute of a param element in an HTML document.ExampleLet us see an example of param object − Live Demo    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       ... Read More

The DOM Script Object represent the element of an HTML document.Create script objectSyntaxFollowing is the syntax −document.createElement(“SCRIPT”);Properties of script objectPropertyExplanationasyncIt returns and alter whether the script should be executed asynchronously or not.charsetIt returns and modify the value of the charset attribute of a script element in an HTML document.deferIt returns and modify the value of the src attribute of a script element in an HTML document.srcIt returns and modify whether the script should be executed when the page has finished parsing.crossOriginIt returns and modify the CORS setting of a script in an HTML document.textIt returns and modify the text ... Read More

The HTML DOM Section Object represent the element of an HTML document.Let us create section objectSyntaxFollowing is the syntax −document.createElement(“SECTION”);ExampleLet us see an example of HTML DOM section object − Live Demo    body{       text-align:center;       background-color:#fff;       color:#0197F6;    }    h1{       color:#23CE6B;    }    .drop-down{       width:35%;       border:2px solid #fff;       font-weight:bold;       padding:8px;    }    .btn{       background-color:#fff;       border:1.5px dashed #0197F6;       height:2rem;       ... Read More

The HTML DOM Samp Object represent the element of an HTML document.Let us create a samp object −SyntaxFollowing is the syntax −document.createElement(“SAMP”);ExampleLet us see an example of samp object − Live Demo    body{       text-align:center;       background-color:#fff;       color:#0197F6;    }    h1{       color:#23CE6B;    }    .drop-down{       width:35%;       border:2px solid #fff;       font-weight:bold;       padding:8px;    }    .btn{       background-color:#fff;       border:1.5px dashed #0197F6;       height:2rem;       ... Read More