Front End Technology Articles - Page 522 of 860

The HTML DOM Input password value property is associated with the input element having type=”password” and having the value attribute. This property is used for specifying a default value for password field and it also changes the value to user input.SyntaxFollowing is the syntax for −Setting the value property.passwordObject.value = text;Here, text is used for specifying the value for the password field.ExampleLet us look at an example for the input password value property −Live Demo Input password Value property PASSWORD: Get the above element value by clicking the below button Get Value    function getValue() ... Read More

The borderImage property is used for setting or getting the border image of an element. It is a shorthand property, so that we can manipulate borderImageSource, borderImageSlice, borderImageWidth, borderImageOutset and borderImageRepeat properties at one go.SyntaxFollowing is the syntax for −Setting the borderImage property −object.style.borderImage = "source slice width outset repeat|initial|inherit"ValuesThe property values are explained as follows −Sr.NoValues & Description1borderImageSourceIt specifies the image path to be used as a border.2borderImageSliceIt specifies the image-border inward offsets.3borderImageWidthIt specifies the image-border width.4borderImageOutsetIt specifies the border image area amount by which it extends beyond the border box.5borderImageRepeatIt specifies that the image-border should be rounded, repeated ... Read More

Object.assign()This method is used to copy one or more source objects to a target object. It invokes getters and setters since it uses both 'get' on the source and 'Set' on the target. It returns the target object which has properties and values copied from the target object. This method does not throw on null or undefined source values.syntaxObject.assign(target, ...source objects);It takes source objects and a target object as parameters and push the source objects into the target object and display the target object.Example-1In the following example, the properties from the source objects  "obj1", "obj2", and "obj3" were pushed into ... Read More

In this article, the given task is to execute digits in even places in a JavaScript array with suitable examples. To execute the digits in even places in a JavaScript array, we need to get the starting index of the array and we need to loop through it by checking whether the index is at odd place or even place. Using the filter() Method: This method will create a new array filled with elements that pass a test provided by a specified function. This method doesn’t execute the function for empty elements and this method do not modify the original ... Read More

The HTML DOM DFN object is associated with the HTML element. The text inside the element is the one being defined in the surrounding context. The DFN object represents the element.SyntaxFollowing is the syntax for −Creating a DFN object −var p = document.createElement("DFN");ExampleLet us look at an example for the HTML DOM DFN object −Live Demo DFN object example Click the below button to create a dfn element with some text inside it. CREATE    function dfnCreate() {       var x = document.createElement("DFN");       var t = document.createTextNode("The defination ... Read More

The HTML DOM Details open property is associated with the HTML open property. It is a boolean attribute and used for specifying whether the details should be visible to the user or not. When set to true the details are visible to the user. However, while setting it to false means hide the details from the user.SyntaxFollowing is the syntax for −Setting the details open property −detailsObject.open = true|falseHere, true=Details will be shown and false=Details will be hidden. The details are hidden by default.ExampleLet us look at an example for the Details open property −Live Demo Details ... Read More

The HTML DOM Details object is associated with the HTML element. This can allow us to hide the information that can only be displayed if user wants to see it.PropertiesFollowing is the property for the Details object −Sr.NoProperty & Description1openTo set or return if the details should be visible to the user or not.SyntaxFollowing is the syntax for −Creating the Details object −var p = document.createElement("DETAILS");ExampleLet us look at an example for the HTML DOM Details object −Live Demo Details object Click the below button to create a DETAILS element about a monument CREATE   ... Read More

The key-value pairs are stored using JavaScript WeakMap Objects. A WeakMap object differs from a Map object in that such objects should be weakly referred and "object" should be stored in the WeakMap object as a key. In comparison, you can add simple values like strings, booleans, symbols, and numbers to the Map objects. WeakMap objects are stored loosely, therefore if the references to a particular key are dropped or the object is erased, the garbage collection will drop the WeakMap element after it has verified that the value is mapped to the relevant object. The JavaScript built-in function weakMap.has() ... Read More

The HTML DOM Del object is associated with the HTML element. It is used to represent the element. Using the Del object we can create and access a elememt.PropertiesFollowing are the properties for the Del object −Sr.NoProperties & Description1citeTo set or return the cite attribute value of the deleted text.2dateTimeTo set or return the datetime attribute value of the deleted text.SyntaxFollowing is the syntax for −Creating a Del object −var p = document.createElement("DEL");ExampleLet us look at an example for the HTML DOM Del object −Live Demo del object example Click on the below button to ... Read More

The HTML DOM del dateTime property associated with the HTML element is used for telling the user when some text on the website was deleted. It tells the date and time of when the text was deleted.SyntaxFollowing is the syntax for −Setting the dateTime property −delObject.dateTime = YYYY -MM-DDThh:mm:ssTZDHere, YYYY=years , MM=months , DD=days, T=separator or a space, hh=hours , mm=minutes, ss=seconds, TZD=Time zone designatorExampleLet us look at an example for the del dateTime property −Live Demo del dateTime property example    #Sample{color:blue}; del dateTime property example Some text has been deleted Click ... Read More