HTML | DOM TableHeader abbr Property Last Updated : 24 Aug, 2022 Summarize Comments Improve Suggest changes Share Like Article Like Report The DOM TableHeader abbr Property is used to sets or returns the value of the abbr attribute. The abbr attribute is used to specify the shorter version of the content in a header cell. It has no visual effect on the ordinary web browser and can be used by screen readers. Syntax: It returns the abbr property.tableheaderObject.abbrIt is used to set the abbr property.tableheaderObject.abbr = text Property Values: It contains the value i.e text which specify the shorter description of a header content cell. Return Value: It returns a string value which represents the shorter description of a header content cell. Example-1: This Example returns a abbr Property. HTML <!DOCTYPE html> <html> <head> <!-- style to set border --> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2> DOM TableHeader abbr Property </h2> <table> <tr> <th id="table" abbr="GeeksforGeeks"> Username </th> </tr> <tr> <td>geeks</td> </tr> </table> <br> <button onclick="myGeeks()"> Click Here! </button> <p id="sudo" style="font-size:25px; color:green"> </p> <!-- Script to return TableHeader abbr Property --> <script> function myGeeks() { var tab = document.getElementById( "table").abbr; document.getElementById( "sudo").innerHTML = tab; } </script> </body> </html> Output: Before Clicking On Button: After Clicking On Button: Example-2: This Example sets the abbr Property. HTML <!DOCTYPE html> <html> <head> <!-- style to set border --> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2> DOM TableHeader abbr Property </h2> <table> <tr> <th id="table" abbr="GeeksforGeeks"> Username </th> </tr> <tr> <td>geeks</td> </tr> </table> <br> <button onclick="myGeeks()"> Click Here! </button> <p id="sudo" style="font-size:25px; color:green"> </p> <!-- Script to set the TableHeader abbr Property --> <script> function myGeeks() { var tab = document.getElementById( "table").abbr = "GeeksUser"; document.getElementById( "sudo").innerHTML = "The value of the abbr attribute was changed to " + tab; } </script> </body> </html> Output: Before Clicking On Button: After Clicking On button: Supported Browsers: Google ChromeInternet Explorer 10.0+OperaApple SafariMozilla Firefox Comment More infoAdvertise with us Next Article HTML | DOM TableHeader abbr Property M manaschhabra2 Follow Improve Article Tags : Web Technologies HTML HTML-DOM Similar Reads HTML DOM TableHeader colSpan Property The HTML DOM TableHeader colSpan property is used to set or return the value of the colspan attribute. The colspan attribute defines the number of columns that a header cell should span. Syntax: It returns the colSpan property.tableheaderObject.colSpanIt is used to set the colSpan property.tablehead 2 min read HTML | DOM Table tHead Property The Table tHead property is used for returning a reference to the <thead> element of a table. The <thead> element is used for grouping the header content in an HTML table. It returns NULL if the <thead> element is not defined.Syntax tableObject.tHeadReturn Value : A reference to th 1 min read HTML DOM TableHeader headers Property The HTML DOM TableHeader headers property is used to set or return the value of the headers attribute. The header’s attribute is used to specify the table cell containing header information for the current header cell. Syntax It returns the header's property.tableheaderObject.headersIt is used to se 2 min read HTML DOM TableHeader cellIndex Property the TableHeader cellIndex Property in HTML DOM is used for returning the position of a cell in the cells collection of a table row. Syntax: It returns the cellIndex Property:tableheaderObject.cellIndex Return Value: It returns a numeric value that represents the position of the cell in the cells col 1 min read HTML DOM TableHeader rowSpan Property The HTML DOM TableHeader rowSpan property is used to set or return the value of the rowspan attribute. The rowspan attribute in HTML specifies the number of rows a cell should span. Syntax: It returns the rowspan property.tableheaderObject.rowSpanIt is used to set the rowSpan property.tableheaderObj 2 min read Like