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
DOM Articles
Page 4 of 4
HTML ononline Event Attribute
The HTML ononline event attribute is triggered when the browser starts to work online.SyntaxFollowing is the syntax −Let us see an example of HTML ononline event Attribute−Example Live Demo body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; } .show { font-size: 1.2rem; color: #fff; } HTML onoffline/ononline Event Attribute Demo Try to disable/enable your network. function onlineFn() { alert("Hey! You are online"); } function offlineFn() { alert("Hey! You are offline"); } OutputNow try to enable/disable your network to observe how onoffline/ononline event attribute works−
Read MoreHTML Location assign( ) Method
The HTML Location assign() method loads a new HTML document without replacing the URL of the current HTML document from the document history.SyntaxFollowing is the syntax −location.assign(URL)Let us see an example of HTML Location assign() Method−Example Live Demo body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 20px; width: 330px; ...
Read MoreHTML DOM Textarea name Property
The HTML DOM Textarea defaultValue property returns and modify the value of name attribute of a text area element in an HTML document.SyntaxFollowing is the syntax −1. Returning nameobject.name2. Adding nameobject.name = “text”Let us see an example of HTML DOM Textarea name Property:Example body { color: #000; background: lightseagreen; height: 100vh; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; ...
Read MoreHTML DOM TableHeader abbr Property
The HTML DOM TableHeader abbr property returns and modify the value of abbr attribute of a table in an HTML document.SyntaxFollowing is the syntax −1. Returning abbrobject.abbr2. Adding abbrobject.abbr = “text”Let us see an example of abbr property:Example Live Demo body { color: #000; background: lightblue; height: 100vh; text-align: center; } table { margin: 2rem auto; width: 400px; } .btn { background: #db133a; border: none; height: 2rem; ...
Read MoreHTML DOM Table tHead Property
The HTML DOM table tHead property returns the element of the table in an HTML document.SyntaxFollowing is the syntax −object.tHeadLet us see an example of HTML DOM table tHead property −Example Live Demo body { color: #000; background: lightblue; height: 100vh; text-align: center; } table { margin: 2rem auto; } caption { color: #db133a; } .btn { background: #db133a; border: none; height: 2rem; ...
Read MoreHTML DOM Table tBodies Collection
The HTML DOM table tBodies Collection returns a collection of all elements in a table in an HTML document.SyntaxFollowing is the syntax −object.tBodiesProperties of tBodies CollectionPropertyExplanationlengthIt returns the number of elements in the collection in an HTML documentProperties of tBodies CollectionMethodExplanation[index]It returns the specified index element from the collection.item(index)It returns the specified index element from the collection.namedItem(id)It returns the specified id element from the collection.Let us see an example of HTML DOM table tBodies Collection −Example Live Demo body { color: #000; background: lightblue; ...
Read More