Front End Technology Articles - Page 548 of 860

The HTML DOM insertAdjacentHTML() method inserts text string as HTML at a specified position.SyntaxFollowing is the syntax −Calling insertAdjacentHTML() with parameters of positionString and HTML codenode.insertAdjacentHTML(“positionString”, “htmlString”)Position StringsHere, “positionString” can be the following −positionStringDescriptionafterbeginIt inserts htmlString after the beginning of node elementafterendIt inserts htmlString after the node elementbeforebeginIt inserts htmlString before the node elementbeforeendIt inserts htmlString before the end of node elementHtml Stringsand, “htmlString” can be the following −positionStringnew span or This is a new paragraphor any other valid html codeExampleLet us see an example for InsertAdjacentHTML() method − Live Demo insertAdjacentHTML()    form {       ... Read More

The HTML DOM ins dateTime property returns the date and time for when the text was inserted.SyntaxFollowing is the syntax −Returning string valueinsObject.dateTimeExampleLet us see an example for ins dateTime property − Live Demo ins dateTime    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } ins-dateTime Fact: Water cannot persist on moon's surface. Water ice found on ... Read More

The HTML DOM ins cite property returns the URL of a document that reasons why text was inserted.SyntaxFollowing is the syntax −Returning string valueinsObject.citeExampleLet us see an example for ins cite property − Live Demo ins cite    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } ins-cite Fact: Water cannot persist on moon's surface.Water ice found on moon ... Read More

The InputEvent Object represents all the events that correspond to content change of a form element.PropertiesHere, “InputEvent” can have the following properties/methods −Property/MethodDescriptiondataIt returns the string corresponding to inserted characterdataTransferIt returns an object containing information about the interested/deleted datagetTargetRanges()Returns an array containing target ranges that will be affected by the insertion/deletion.inputTypeIt returns the type of inputisComposingIt returns the state of the eventExampleLet us see an example for InputEvent data property − Live Demo InputEvent Data    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {   ... Read More

The HTML DOM InputEvent inputType property returns the input type of event triggered.SyntaxFollowing is the syntax −Returning latest typed character in text field −event.inputTypeExampleLet us see an example for InputEvent inputTypeproperty − Live Demo InputEvent inputType    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } InputEvent-inputType Action teller:    var divDisplay = ... Read More

The HTML DOM InputEvent data property returns the string corresponding to character that was typed using an event.SyntaxFollowing is the syntax −Returning latest typed character in text field −event.dataExampleLet us see an example for InputEvent data property − Live Demo InputEvent Data    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } InputEvent-Data Fill in the blanks: ... Read More

The HTML DOM Input Week value property returns a string if value attribute is defined of input week. User can also set it to a new string.SyntaxFollowing is the syntax −Returning string valueinputWeekObject.valueSetting value attribute to a string valueinputWeekObject.value = ‘String’ExampleLet us see an example for Input Week value property − Live Demo Input Week value    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;   ... Read More

The HTML DOM Input Week type property returns/sets type of Input Week.SyntaxFollowing is the syntax −Returning string valueinputWeekObject.typeSetting type to string valueinputWeekObject.type = stringValueString ValuesHere, “stringValue” can be the following −stringValueDetailsweekIt defines that input type is weekdatetime-localIt defines that input type is datetime-localcheckboxIt defines that input type is checkboxtextIt defines that input type is textExampleLet us see an example for Input Week type property − Live Demo Input Week type    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;   ... Read More

The HTML DOM Input Week stepUp() method defines the amount of weeks the week field should increase.SyntaxFollowing is the syntax −Calling stepUp() method with a number, which by default is equal to 1inputWeekObject.stepUp(number)ExampleLet us see an example for Input Week stepUp() method − Live Demo Input Week stepUp()    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } Week-stepUp( ... Read More

The HTML DOM Input Week stepDown() method defines the amount of weeks the week field should decrease.SyntaxFollowing is the syntax −Calling stepDown() method with a number, which by default is equal to 1inputWeekObject.stepDown(number)ExampleLet us see an example for Input Week stepDown() method − Live Demo Input Week stepDown()    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } Week-stepDown( ... Read More