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
Found 36 articles
HTML DOM TableData colSpan Property
The HTML DOM TableData colSpan property returns and modify the value of colspan attribute of a table in an HTML document.SyntaxFollowing is the syntax −1. Returning colSpanobject.colSpan2. Adding colSpanobject.colSpan = “number”Let us see an example of colSpan property −Example 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 TableData headers Property
The HTML DOM TableData headers property returns and modify the value of headers attribute of a table in an HTML document.SyntaxFollowing is the syntax −1. Returning headersobject.headers2. Adding colspanobject.headers = “headers_ids”Let us see an example of headers property −Example 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 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 body { color: #000; background: lightblue; height: ...
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 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 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 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 Textarea cols Property
The HTML DOM Textarea cols return and modify the value of cols attribute of a text area element in an HTML document.SyntaxFollowing is the syntax −1. Returning colsobject.cols2. Adding colsobject.cols = “number”Let us see an example of HTML DOM Textarea cols 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 Textarea placeholder Property
The HTML DOM Textarea placeholder property returns and modify the value of placeholder attribute of a text area element in an HTML document.SyntaxFollowing is the syntax −1. Returning placeholderobject.placeholder2. Adding placeholderobject.placeholder = “text”Let us see an example of HTML DOM Textarea placeholder 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 Textarea Object
The HTML DOM Textarea Object represent the element of an HTML document.Create Textarea objectSyntaxFollowing is the syntax −document.createElement(“TEXTAREA”);Properties of Textarea objectPropertyExplanationautofocusIt returns and modify whether the text area should automatically get focused or not when the page loads.defaultValueIt returns and modify the default value of a text area element in an HTML document.colsIt returns and modify the value of cols attribute of a text area element in an HTML document.disabledIt returns and modify whether the text area element in an HTML document is disabled or notformIt returns the cite of the form which enclose the text area.maxLengthIt returns and ...
Read MoreHTML DOM Textarea disabled Property
The HTML DOM Textarea disabled property returns and modify whether the text area element in an HTML document is disabled or not.SyntaxFollowing is the syntax −1. Returning disabledobject.disabled2. Adding disabledobject.disabled = true | falseLet us see an example of HTML DOM Textarea disabled Property:Example body { color: #000; background: lightseagreen; height: 100vh; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; } DOM Textarea disabled Property Demo Disable Textarea function set() { document.querySelector("textarea").disabled = true; } OutputClick on “Disable Textarea” button to disabled the textarea element.
Read MoreHTML DOM Textarea wrap Property
The HTML DOM Textarea wrap property returns and modify the value of wrap attribute of a text area element in an HTML document.SyntaxFollowing is the syntax −1. Returning wrapobject.wrap2. Adding wrapobject.wrap = soft | hardLet us see an example of HTML DOM Textarea wrap Property:Example body { color: #000; height: 100vh; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; ...
Read More