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
HTML Articles
Page 6 of 151
HTML DOM Underline Object
The HTML DOM Underline Object in HTML represents the element.Creating a elementvar uObject = document.createElement(“U”)Let us see an example of Underline element −Example HTML DOM Underline form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } HTML-DOM-Underline Warning: This is a Demo Example var uObject = document.getElementById("Underline"); function getBetterDisp() { uObject.style.backgroundColor = '#DC3545'; uObject.style.color = '#FFF'; } OutputBefore clicking show button −After clicking show button −
Read MoreHTML DOM Time dateTime Property
The HTML DOM Time dateTime property returns/sets datetime attribute of time element.Following is the syntax −Returning string valuetimeObject.dateTimeSetting dateTime to string valuetimeObject.dateTime = YYYY-MM-DDThh:mm:ssTZDHere, “YYYY-MM-DDThh:mm:ssTZD” can be the following −stringValueDetailsYYYYIt defines year (eg:1998)MMIt defines month (eg: 05 for May)DDIt defines Day (eg: 24)TIt is a separator for date and timehhIt defines hour (eg:12)mmIt defines minutes (eg:48)ssIt defines seconds (eg:00)TZDTime Zone Designator (IST denotes Indian StandardTime)Let us see an example of Time dateTime property −Example Time dateTime form { width:70%; margin: 0 auto; text-align: center; } ...
Read MoreHTML DOM Video buffered Property
The HTML DOM Video buffered property returns a TimeRanges object containing information about the video’s buffered range length and its start, end position.SyntaxFollowing is the syntax −Returning TimeRanges ObjectmediaObject.bufferedLet us see an example of Video buffered property −Example HTML DOM Video buffered * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } input[type="button"] { border-radius: 10px; } ...
Read MoreHTML DOM TouchEvent altKey Property
The HTML DOM TouchEvent altKey property returns a Boolean value corresponding to the state if alt key was pressed when a touch event was fired.Following is the syntax −Returning boolean value - true/falsetouchEvent.altKeyHere, “booleanValue” can be the following −booleanValueDetailstrueIt defines that alt key waspressed when touch event occurredfalseIt defines that alt key wasnot pressed when touch event occurredNote: We ran Touch event examples on Online HTML Editors accessed on Mobile or systems with touch access. This is done so that we can perform touch operations like touch the screen for 2 seconds.Let us see an example of TouchEvent altKey property ...
Read MoreHTML DOM Video preload Property
The HTML DOM Video preload property returns a string corresponding to when the creator thinks the video data should load. Though sometimes this may be ignored.Default value is ‘metadata’.SyntaxFollowing is the syntax −Returning string valuemediaObject.preloadSetting preload to a stringmediaObject.preload = “auto|metadata|none”Let us see an example of HTML DOM Video preload property −Example HTML DOM Video preload * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } input[type="button"] { border-radius: ...
Read MoreHTML DOM TouchEvent ctrlKey Property
The HTML DOM TouchEvent ctrlKey property returns a Boolean value corresponding to the state if ctrl was pressed when a touch event was fired.Following is the syntax −Returning boolean value - true/falsetouchEvent.ctrlKeyHere, “booleanValue” can be the following −booleanValueDetailstrueIt defines that ctrl key waspressed when touch event occurredfalseIt defines that ctrl key wasnot pressed when touch event occurredNote: We ran Touch event examples on Online HTML Editors accessed on Mobile or systems with touch access. This is done so that we can perform touch operations like touch the screen for 2 seconds.Let us see an example of TouchEvent ctrlKey property −Example ...
Read MoreHTML DOM Video seeking Property
The HTML DOM Video seeking property returns a boolean (true/false) corresponding to whether the user is seeking (moving current playback to new position) the playing video or not.SyntaxFollowing is the syntax −Returning boolean valuemediaObject.seekingLet us see an example of HTML DOM Video seeking property −Example HTML DOM Video seeking * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } input[type="button"] { border-radius: 10px; } ...
Read MoreHTML DOM Track default Property
The HTML DOM Track default property sets/returns a boolean value corresponding to whether the track is to enabled until the user’s preference contradicts it.NOTE: Only one track should be default per media (audio/video) element.Following is the syntax −Returning boolean value - true/falsetrackObject.defaultSetting default to booleanValuetrackObject.default = booleanValueHere, “booleanValue” can be the following −booleanValueDetailstrueIt defines that track willbe default enabledfalseIt defines that track willnot be enabled unless user prefers toLet us see an example of Track default property −Example Track default form { width:70%; margin: 0 auto; text-align: center; ...
Read MoreHTML DOM Video src Property
The HTML DOM Video src property returns/sets a string corresponding to the url of the video.SyntaxFollowing is the syntax −Returning string valuemediaObject.srcSetting src to a URLStringmediaObject.poster = URLStringLet us see an example of HTML DOM Video src property −Example HTML DOM Video src * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } input[type="button"] { border-radius: 10px; } ...
Read MoreHTML DOM Track kind Property
The HTML DOM Track kind property sets/returns the value of kind attribute of track element to specify the type of text track.Following is the syntax −Returning string valuetrackObject.kindSetting kind to stringValuetrackObject.kind = stringValueHere, “stringValue” can be the following −stringValueDetailscaptionsThe captions are translationof dialogue and sound effects (preferable for deaf users)chaptersIt defines the chaptertitles (used for navigating the media resource)descriptionsIt defines a textualdescription of the video content (preferable for blind users)metadataIt is not visible to theuser and content is used by scriptssubtitlesIt is used to displaysubtitles in a videoLet us see an example of Track kind property −Example Track ...
Read More