The HTML DOM Canvas object is associated with the element introduced in HTML5. The tag is used to draw graphics with the help of JavaScript. The canvas acts as a container for graphics. On canvas, we can draw lines, shapes etc.PropertiesFollowing are the properties for Canvas Object −PropertyDescriptionfillStyleTo set or return the color, gradient or pattern that is used to fill the drawing.strokeStyleTo set or return the color, gradient, or pattern used for strokes.shadowColorTo set or return the color to be used for shadows.shadowBlurTo set or return the blur level of shadows.shadowOffsetXTo set or return the horizontal distance ... Read More

The HTML DOM cancelable event property is associated with the HTML events as JavaScript can react to these events. The cancelable event property returns a Boolean true or false indicating whether the event can be cancelled or not.SyntaxFollowing is the syntax for cancelable event property −event.cancelableExampleLet us see an example of cancelable event property − Hover over the button below to find out if onmouseover is cancellable event or not CLICK IT    function cancelFunction(event) {       var x = event.cancelable;       if(x==true)          document.getElementById("Sample").innerHTML = "The onmouseover event ... Read More

The HTML DOM Button value property is associated with value attribute of the element. It specifies the hidden value of the button. The value property sets or returns the value of the value attribute of a button. Browsers generally submit the value text when clicked on a button while others submit the text between the element.SyntaxFollowing is the syntax for −Setting the value property −buttonObject.value = textHere, the text property value is the initial value that is given to the button.ExampleLet us see an example of the button value property −Live Demo My Button Click on ... Read More

The HTML DOM Button type property is associated with the HTML element. The button element by default has type=”submit” i.e clicking on any button on the form will submit the form. The button type property sets or returns the type of button.SyntaxFollowing is the syntax for −Setting the button type property −buttonObject.type = "submit|button|reset"Here, the submit|button|reset are button type values. Submit is set by default.Submit − Makes the button a submit button.Button − Makes a normal clickable button.Reset − Makes a reset button that resets the form data.ExampleLet us see an example of the HTML DOM button type property − ... Read More

The HTML DOM Button object is associated with the element.PropertiesFollowing are the properties for the HTML DOM button object −PropertyDescriptionautofocusTo set or return whether a button is automatically focused or not when the page loads.disabledTo set or return whether a given button is disabled or not.formTo return the reference of the form containing the button.formActionTo set or return the formAction attribute value of a button.formEnctypeTo set or return the formEnctype attribute value of a button.formMethodTo set or return the formMethod attribute value of a button.formNoValidateTo set or return whether the form data should be validated or not on submission.formTargetTo ... Read More

The HTML DOM Button name property is associated with name attribute of the element. The name property is used to set or return the value of the name attribute of the button. The name attribute is used in forms to select an element using JavaScript.SyntaxFollowing is the syntax for −Setting the name property −buttonObject.name = nameHere, the name property value is used to denote the name of the button.ExampleLet us see an example of the button name property − BUTTON Click the button below and change the above button name. CHANGE    function change() { ... Read More

The HTML DOM Button disabled property is associated with disabled attribute of the element .The button disabled property is used to set or return whether a given button is disabled or not. It is used to disable the button so that the user can no longer interact with the specified element. Setting the disabled property will grey the button by default in the web browsers.SyntaxFollowing is the syntax for −Setting the disabled property −buttonObject.disabled = true|falseHere, the true|false specifies if the given input button should be disabled or not.True − The button gets disabled.False − The button won’t get disabled.Let us ... Read More

The HTML DOM Button autofocus property is associated with autofocus property of the element. The button autofocus property is used to specify whether a button on the HTML document should get the focus or not when the page loads.SyntaxFollowing is the syntax for −Setting the button autofocus property −buttonObject.autofocus = true|falseHere, the true|false specifies if the given input button should get the focus on not when the page loads.True − Input button gets focusFalse − Input button doesn’t get focus.ExampleLet us see an example for the HTML DOM button autofocus property − BUTTON Click the below button to know ... Read More

The HTML DOM bold object is associated with the html (bold) tag. The tag is used to make the text inside the tag bold .Using the bold object we can access the HTML tag.SyntaxFollowing is the syntax for −Creating a bold object −var x = document.createElement("B");ExampleLet us see an example for the HTML DOM Bold object − Click the below button to create a element with some text CREATE    function createBold() {       var x = document.createElement("B");       var t = document.createTextNode("SAMPLE BOLD TEXT");     ... Read More

The HTML DOM body property associated with HTML element is used to set or return property values of the element. It returns the element. It can be used to change content inside the element. This property can overwrite child elements content present inside the element.SyntaxFollowing is the syntax for −Setting the body property −document.body = New_ContentHere, New_Content is the new content for the element.ExampleLet us see an example for the HTML DOM Body property −Live Demo Sample HEADING Click the below button to overwrite child content Overwrite Content A sample paragraph   ... Read More