Web Development Articles - Page 642 of 1049

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

The HTML DOM Quote Object represent the element of an HTML document.Let us create q object −SyntaxFollowing is the syntax −document.createElement(“Q”);PropertiesFollowing are the properties of quote object −PropertyExplanationciteIt returns and alter the value of the cite attribute of a quote element in an HTML document.ExampleLet us see an example of HTML DOM quote 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; ... Read More

The DOM Progress Object represent the element of an HTML document.Let us create progress object −SyntaxFollowing is the syntax −document.createElement(“PROGRESS”);PropertiesFollowing are the properties of progress object −PropertyExplanationmaxIt returns and alter the value of the max attribute of a progress element in an HTML document.positionIt returns the value of position attribute of a progress element in an HTML document.labelsIt returns a list of progress bar’s labels in an HTML document.valueIt returns and alter the content of the value attribute of a progress element in an HTML document.ExampleLet us see an example of progress object − Live Demo   ... Read More

The HTML DOM option index property returns and modify the index position of an option in the HTML document.SyntaxFollowing is the syntax −Returning indexobject.indexModifying indexobject.index = “number”ExampleLet us see an example of HTML option index 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; ... Read More

The HTML DOM option disabled property returns and modify whether the option element is disabled or not.SyntaxFollowing is the syntax −1. Returning disabledobject.disabled2. Modifying disabledobject.disabled = true | falseExampleLet us see an example of HTML DOM option disabled 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