Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
HTML Articles
Page 26 of 151
HTML DOM Track kind Property
The HTML DOM Track kind property sets or returns the value of the kind attribute of a track element. This property specifies the type of text track associated with media elements like video and audio, helping browsers understand how to handle and display track content. Syntax Following is the syntax for getting the kind property − trackObject.kind Following is the syntax for setting the kind property − trackObject.kind = stringValue Parameters The stringValue parameter can be one of the following track types − Value Description ...
Read MoreHTML DOM TransitionEvent elapsedTime Property
The HTML DOM TransitionEvent elapsedTime property returns a floating-point number representing the duration in seconds that a CSS transition has been running when a transition event is fired. This property is particularly useful for monitoring and debugging CSS transitions or creating animations with precise timing. Syntax Following is the syntax to access the elapsedTime property − transitionEvent.elapsedTime Return Value The elapsedTime property returns a double representing the number of seconds the transition has been running. This value excludes any time the transition was paused. Example − Basic Transition Timing Following example ...
Read MoreHTML DOM TransitionEvent propertyName Property
The HTML DOM TransitionEvent propertyName property returns a string that identifies the specific CSS property that triggered a transition event. This property is essential for identifying which CSS property completed its transition when multiple properties are transitioning simultaneously. Syntax Following is the syntax for accessing the CSS property name from a transition event − transitionEvent.propertyName Return Value The propertyName property returns a string representing the name of the CSS property that finished transitioning. For example, it might return "transform", "width", "opacity", or any other CSS property that was being transitioned. Example − ...
Read MoreHTML DOM TransitionEvent Object
The HTML DOM TransitionEvent Object represents events that occur during CSS transitions. It provides information about the transition that has started, is running, or has ended. This object is automatically created when transition-related events are fired on HTML elements with CSS transitions. Syntax TransitionEvent objects are created automatically by the browser. You typically interact with them through event listeners − element.addEventListener("transitionend", function(event) { // event is a TransitionEvent object console.log(event.propertyName); console.log(event.elapsedTime); }); Properties The TransitionEvent object inherits from the Event object and has the ...
Read MoreHTML DOM Event type Property
The HTML DOM Event type property returns a string corresponding to the event's type such as click, keypress, load, or touchend. This property is useful for identifying which specific event was triggered when using the same event handler function for multiple event types. Syntax Following is the syntax for accessing the Event type property − event.type Return Value The event.type property returns a string representing the type of event that was fired. Common event types include: "click" − Mouse click event "keydown" − Key press event "load" − Page load event ...
Read MoreHTML DOM UiEvent detail Property
The HTML DOM UiEvent detail property returns a number that indicates how many times a mouse button was clicked in rapid succession. This property is particularly useful for detecting single clicks, double clicks, triple clicks, and other consecutive click patterns. Note − The detail property returns 2 for double-click events, 3 for triple-click events, and always 0 for mouse events that don't involve clicking such as onmouseover or onmouseout. Syntax Following is the syntax for accessing the detail property − event.detail Return Value The detail property returns an integer representing the number ...
Read MoreHTML DOM Underline Object
The HTML DOM Underline Object represents the element in the Document Object Model. The element is used to display text with an underline, though modern HTML5 recommends using CSS for styling instead of semantic meaning. The Underline Object provides access to all standard HTML element properties, methods, and events, allowing you to manipulate underlined text dynamically through JavaScript. Syntax To create a new element using JavaScript − var uObject = document.createElement("U"); To access an existing element − var uObject = document.getElementById("elementId"); Creating a Underline Element ...
Read MoreHTML DOM Video buffered Property
The HTML DOM Video buffered property returns a TimeRanges object that provides information about the buffered portions of the video. This read-only property helps determine which parts of the video have been downloaded and are ready for playback without interruption. The TimeRanges object contains information about buffered time ranges, including the length of buffered ranges and their start and end positions in seconds. Syntax Following is the syntax for accessing the buffered property − videoElement.buffered Return Value The buffered property returns a TimeRanges object with the following methods − length ...
Read MoreHTML DOM Video currentTime Property
The HTML DOM Video currentTime property returns or sets the current playback position of a video element in seconds. This property is commonly used to create custom video controls, implement seek functionality, or track video progress. Syntax Following is the syntax to get the current time position − mediaObject.currentTime Following is the syntax to set the current time position − mediaObject.currentTime = seconds Parameters seconds − A numeric value representing the time position in seconds where you want to set the playback position. The value should be within the ...
Read MoreHTML DOM Video defaultMuted Property
The HTML DOM Video defaultMuted property sets or returns a boolean value that indicates whether the video's audio should be muted by default when the page loads. This property reflects the state of the HTML muted attribute and determines the initial mute state of the video element. Note − This property only affects the default state when the video loads. It does not dynamically mute or unmute the video during playback. To control muting during playback, use the muted property instead. Syntax Following is the syntax for getting the defaultMuted property − videoObject.defaultMuted ...
Read More