Table caption 属性
JavaScript基础 2022-06-08 17:13:2819小码哥的IT人生shichen
Table caption 属性
定义和用法
caption 属性返回表格的 <caption> 元素。
<caption> 元素定义表格的标题。
注意：<caption> 标签必须紧跟在 <table> 标签之后。您只能为每个表格规定一个标题。默认情况下，标题将在表格上方居中。
另请参阅：
HTML 参考手册：HTML <caption> 标签
实例
提示标题元素内的文本：
alert(document.getElementById("myTable").caption.innerHTML);完整实例：
<!DOCTYPE html> <html> <head> <style> table, td { border: 1px solid black; } </style> </head> <body> <p>单击该按钮可返回 caption 元素内的文本。</p> <table id="myTable"> <caption>这是表格标题</caption> <tr> <td>单元格 1</td> <td>单元格 2</td> </tr> <tr> <td>单元格 3</td> <td>单元格 4</td> </tr> </table><br> <button onclick="myFunction()">试一试</button> <script> function myFunction() { alert(document.getElementById("myTable").caption.innerHTML); } </script> </body> </html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
语法
tableObject.caption技术细节
| 返回值： | 表格的 <caption> 元素，如果未定义则为 null。 |
|---|
浏览器支持
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 支持 | 支持 | 支持 | 支持 | 支持 |
