Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Articles by AmitDiwan
Page 834 of 839
HTML DOM Select add() Method
The HTML DOM select add() method adds a new option to a drop-down list in an HTML document.SyntaxFollowing is the syntax −object.add(option, index)ExampleLet us see an example of HTML DOM select add() method − Live Demo html{ height:100%; } body{ text-align:center; color:#fff; background: radial-gradient( circle farthest-corner at 23.1% 64.6%, rgba(129, 125, 254, 1) 0%, rgba(111, 167, 254, 1) 90% ) no-repeat; height:100%; } p{ font-weight:700; font-size:1.1rem; } .drop-down{ ...
Read MoreHTML DOM Select remove() Method
The HTML DOM select remove() method removes a new option from a drop-down list in an HTML document.SyntaxFollowing is the syntax −object.remove(index)Here, index represents the index of the option which is to be removed from the drop-down list.ExampleLet us see an example of HTML DOM select remove() method − Live Demo html{ height:100%; } body{ text-align:center; color:#fff; background: radial-gradient( circle farthest-corner at 23.1% 64.6%, rgba(129, 125, 254, 1) 0%, rgba(111, 167, 254, 1) 90% ) no-repeat; height:100%; } ...
Read MoreHTML DOM Samp Object
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 MoreHTML DOM Option defaultSelected Property
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 MoreHTML DOM PopStateEvent Object
The HTML DOM popStateEvent object is an event handler for the popstate event which occurs when window’s history changes.Property of PopStateEventPropertyExplanationstateIt returns an object that represents a copy of the history entries.ExampleLet us see an example of HTML DOM popStateEvent Object − 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-size:1.2rem; } .btn{ background:#0197F6; border:none; ...
Read MoreHTML DOM Pre Object
The HTML DOM Pre Object represent the element of an HTML document.Create pre objectSyntaxFollowing is the syntax:document.createElement(“PRE”);ExampleLet us see an example of pre 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; border-radius:2px; width:60%; ...
Read MoreHTML DOM readyState Property
The DOM readyState property returns the loading status of the current HTML document.SyntaxFollowing is the syntax −document.readyStateExampleLet us see an example of readyState property − Live Demo html{ height:100%; } body{ text-align:center; color:#fff; background: #ff7f5094; height:100%; } p{ font-weight:700; font-size:1.2rem; } .btn{ background:#0197F6; border:none; height:2rem; border-radius:2px; width:35%; margin:2rem auto; ...
Read MoreHTML DOM Input Time type Property
The HTML DOM Input Time type property returns/sets type of Input Time.SyntaxFollowing is the syntax −Returning string valueinputTimeObject.typeSetting type to string valueinputTimeObject.type = stringValueString ValuesHere, “stringValue” can be the following −stringValueDetailstimeIt defines that input type is timedatetime-localIt defines that input type is datetime-localcheckboxIt defines that input type is checkboxtextIt defines that input type is textExampleLet us see an example of Input Time type property − Live Demo Input Time type form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; ...
Read MoreHTML DOM Input Time value Property
The HTML DOM Input Time value property returns a string, which is the value of the value attribute of input Time. User can also set it to a new string.SyntaxFollowing is the syntax −Returning string valueinputTimeObject.valueSetting value attribute to a string valueinputTimeObject.value = ‘String’ExampleLet us see an example of Input Time value property − Live Demo Input Time value form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { ...
Read MoreHTML DOM Input URL autocomplete Property
The HTML DOM Input URL autocomplete property sets/returns whether autocomplete is enabled or disabled. If enabled it shows previously typed values.SyntaxFollowing is the syntax −Returning value - on/offinputURLObject.autocompleteSetting autocomplete to valueinputURLObject.autocomplete = valueValuesHere, “value” can be the following −valueDetailsonIt defines that input has autocomplete attribute enabled.offIt defines that input autocomplete attribute is disabled.ExampleLet us see an example of Input URL autocomplete property − Live Demo Input URL autocomplete form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; ...
Read More