HTML | DOM Table caption Property
Last Updated :
30 Mar, 2022
The Table caption property returns the <caption> element of a table which is used to define the caption for a table. Only one caption can be assigned to a table and the caption entered inside the <caption> element is center aligned by default.
Syntax
tableObject.caption
Return Value: It returns a string value that defines a text present inside the <caption> element otherwise it returns a null value if caption element is not present.
Below program illustrates the Table caption property :
Example: Alerting the text inside a caption element.
<!DOCTYPE html>
< html >
< head >
< title >Table caption Property in HTML
</ title >
< style >
table,
td {
border: 1px solid green;
}
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</ style >
</ head >
< body >
< h1 >GeeksforGeeks</ h1 >
< h2 >Table caption Property</ h2 >
< p >To return the caption element
for the table, double-click the
"Return Caption" button.</ p >
< table id = "Courses" align = "center" >
< caption >Courses by Geeksforgeeks
</ caption >
< thead >
< tr >
< th >Subject</ th >
< th >Courses</ th >
</ tr >
</ thead >
< tr >
< td >Java</ td >
< td >Fork Java</ td >
</ tr >
< tr >
< td >Python</ td >
< td >Fork Python</ td >
</ tr >
< tr >
< td >Placements</ td >
< td >Sudo Placement</ td >
</ tr >
</ table >
< br >
< button ondblclick = "Table_Caption()" >
Return Caption
</ button >
< script >
function Table_Caption() {
// Return caption using alert.
alert(document.getElementById(
"Courses").caption.innerHTML);
}
</ script >
</ body >
</ html >
|
Output:
Before clicking the button:
After clicking the button:
Supported Browsers:
- Apple Safari
- Internet Explorer
- Firefox
- Google Chrome
- Opera
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...