Table caption 属性
JavaScript基础 2022-06-08 17:13:28小码哥的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 |
| 支持 | 支持 | 支持 | 支持 | 支持 |
