Front End Technology Articles - Page 566 of 860

The HTML DOM select length property returns the number of elements inside a drop-down list in an HTML document.SyntaxFollowing is the syntax −object.lengthExampleLet us see an example of HTML DOM select length 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 select disabled property returns and modify whether the drop-down list in an HTML document is disabled or not.SyntaxFollowing is the syntax −Returning disabledobject.disabledModifying disabledobject.disabled = true | falseExampleLet us see an example of HTML DOM select 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

The HTML DOM select Object represent the element of an HTML document.Let’s see how to create select objectSyntaxFollowing is the syntax −document.createElement(“SELECT”);PropertiesFollowing are the properties of select Object −PropertyExplanationautofocusIt returns and modify whether the drop-down list should get focused or not when page load.disabledIt returns and modify whether the drop-down list is disabled or not.lengthIt returns the number of   elements inside a drop-down list in an HTML document.formIt returns the reference of the form that contain the drop-down list in the HTML document.multipleIt returns and modify whether multiple options can be selected from a drop-down list or not.nameIt returns ... Read More

Javascript window object has provided many methods to get various kinds of information regarding the browser.  It has provided screen.colorDepth and screen.pixelDepth to get the color depth and pixel depth of browser screen respectively. Let's discuss them individually.Color depthThe window object has provided screen.colorDepth method to return the color depth. Color depth is nothing but the number of bits used to display one color. All modern computers use 24 bit or 32 bit hardware for color resolution.ExampleLive Demo document.getElementById("depth").innerHTML = "Screen color depth is " + screen.colorDepth; OutputScreen color depth ... Read More

The DOM input number min property returns and modify the value of the min attribute of the input field of type=”number” in an HTML document.SyntaxFollowing is the syntax −Returning minobject.min2. Modifying minobject.min = “number”ExampleLet us see an example of HTML DOM input number min 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.1rem;    }    input{   ... Read More

The HTML DOM input number max property returns and modify the value of the max attribute of the input field of type=”number” in an HTML document.SyntaxFollowing is the syntax −Returning maxobject.max2. Modifying maxobject.max = “number”ExampleLet us see an example of input number 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.1rem;    }    input{     ... Read More

The HTML DOM input number defaultValue property returns and modify the default value of input field of type=”number” in a HTML document.SyntaxFollowing is the syntax minus;Returning default valueobject.defaultValuemodifying default valueobject.defaultValue=”number”ExampleLet us see an example of HTML DOM input number defaultValue 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;    }    input{       width:35%;     ... Read More

The HTML DOM input number step property returns and modify the value of the step attribute of input number field in an HTML document.SyntaxFollowing is the syntax −Returning stepobject.stepModifying stepobject.step = “number”ExampleLet us see an example of HTML DOM input month step 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.1rem;    }    input{       ... Read More

The map is basically a collection of elements where each element is stored as a Key, value pair. It can hold both objects and primitive values as either a key or a value. When we iterate over the map object it returns the key, value pair in the same order as inserted. The map has provided a method called map.clear() to remove the values inside a map. This method will remove every key/value pair and make the map totally empty.syntaxmap.clear(obj);map.obj() takes an object as a parameter and removes each and every value so as to make it empty.Example-1In the following example, a map is created ... Read More

The HTML DOM input number placeholder property returns and modify the value of the placeholder attribute of number input field.SyntaxFollowing is the syntax −Returning placeholderobject.placeholderModifying placeholderobject.placeholder = “text”ExampleLet us see an example of HTML DOM input number placeholder 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.1rem;    }    input{       display:block;       ... Read More