HTML | DOM 表标题属性

在HTML中，表格是一种常用的数据显示方式。表格通常由表格标题、表头、表身和表尾四个部分组成，其中表格标题用于对表格内容进行简要描述。HTML | DOM表标题属性可以用来设置表格标题。

HTML表标题属性

<caption> 是HTML中专门用来设置表格标题的标签，它必须紧跟在<table>标签之后，并且在表格中只能出现一次，语法格式如下：

<table>
  <caption>表格标题</caption>
  <thead>
    <tr>
      <th>表头单元格1</th>
      <th>表头单元格2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>表格单元格1</td>
      <td>表格单元格2</td>
    </tr>
  </tbody>
</table>

其中<caption>标签需要紧跟在<table>标签之后，表格中应该只出现一个<caption>标签，以便清楚地表达表格的主题。

DOM表标题属性

在DOM中，可以使用caption属性来获取或设置表格的标题。语法如下：

// 获取表格标题
var title = table.caption.innerHTML;

// 设置表格标题
table.caption.innerHTML = "新表格标题";

需要注意的是，如果表格中没有设置<caption>标签，则通过DOM获取标题会返回null。

总结

<caption>标签和caption属性是设置和获取表格标题的两种方式，它们都是HTML用于设置表格标题的重要方式，能够有效地表达表格的主题，提高表格信息的可读性。