Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
The HTML DOM AnimationEvent is an object in JavaScript handling the events that occur when CSS animation runs. It basically provides us information about the events that are related to the animation. It offers us a greater control over the CSS animations. It represents the relation between events and animation by describing which events triggered the animations.PropertiesFollowing are the properties for Animation Event −PropertyDescriptionanimationNameIt will return the name of the animation being executed.elapsedTimeReturns the time elapsed since animation is running in seconds.pseudoElementIt returns the name of the pseudo-element of the animation. Eg: ::before, ::after, ::first-line etc.SyntaxFollowing is the syntax for ... Read More
The HTML DOM Article object represents the HTML element that was introduced in the HTML5. An article is a self-contained area in an HTML document. It is a part of the semantic tags introduced in HTML5.SyntaxFollowing is the syntax for −Creating an article objectvar a = document.createElement("ARTICLE");ExampleLet us see an example of HTML DOM article object − Live Demo ARTICLE HEADING Heading Sample Article Text Click the below button to change article size and color CHANGE ADD function ChangeArticle() { var x = document.getElementById("ArticleObj"); x.style.color = "green"; ... Read More
The HTML DOM Audio Object represents the HTML element. The audio element newly introduced in HTML 5. Using the audio object we can manipulate the audio element to get information about audioTrack , change to autoplay, etc.PropertiesFollowing are the properties of HTML DOM Audio Object −PropertyDescriptionaudioTracksTo return audioTrackList object containing available audio tracksautoplayTo return or set the audio to start playing automatically.bufferedTo return a TimeRanges object containing all buffered parts of an audio.controllerTo return the MediaController object representing the current media controller of an audio.controlsTo set or return whether the audio should have play/pause control displayed or notcrossOriginTo set ... Read More
The HTML DOM Bdo object is associated with the element in HTML. The bdo stands for Bi-Directional Override. It is used for creating and accessing a bdo object. It has only one property “dir”. The text direction by default is left to right but can be overridden with the element. The bdo object represents the element.propertiesFollowing is the bdo object property −PropertyDescriptiondirSets or returns the value of the dir attribute of a elementSyntaxFollowing is the syntax for −Creating a bdo object −var a = document.createElement("BDO");Accessing a bdo object −var a = document.getElementById("demoBdo");ExampleLet us see an example ... Read More
The HTML DOM blockquote basically represent the HTML element . The element does not add any quotation marks unlike the tag. We can create and access properties with the help of the blockquote object.SyntaxFollowing is the syntax for −Creating the blockquote object −var x = document.createElement("BLOCKQUOTE");ExampleLet us see an example of the blockquote object −Live Demo Click on the below button to create a blockquote object CREATE function createBloc() { var x = document.createElement("BLOCKQUOTE"); var t = document.createTextNode("This is a random block quote.This is some sample 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
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 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 cite object is associated with the HTML element. The element is used to give reference to a cited creative work and title must be included. It can be painting, book, tv show, movies etc.SyntaxFollowing is the syntax for −Creating a cite object −var x = document.createElement("CITE");ExampleLet us see an example of the HTML DOM cite object −Live Demo Click the below button to create a CITE element. CREATE function createCite() { var x = document.createElement("CITE"); var t = document.createTextNode("The Starry night."); ... Read More
The HTML DOM Code object is associated with the HTML 5 tag. It is used for marking up a piece of code by surrounding it inside the element. The Code object basically represents element.SyntaxFollowing is the syntax for −Creating a code object −var a = document.createElement("CODE");ExampleLet us see an example for the HTML DOM code object −Live Demo Click the below button to create a CODE element with some text CREATE function createCode() { var x = document.createElement("CODE"); var t = document.createTextNode("print('HELLO WORLD')"); x.appendChild(t); ... Read More