数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济
心理学
社会学
服装研究
法律研究HTML DOM 表对象
HTML DOM 表对象与 HTML <caption> 元素相关联。<caption> 元素用于设置表格标题（标题），应作为表格的第一个子级。可以通过表对象访问标题元素。
属性
注意：以下属性在 HTML5 中不受支持。
以下列出 HTML DOM 表对象的属性 −
| 属性 | 说明 |
|---|---|
| Align | 设置或返回标题对齐方式。 |
语法
以下是语法 −
创建表对象 −
var x = document.createElement("CAPTION");示例
让我们看一个 HTML DOM 表对象的示例 −
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px double black;
margin-top: 14px;
}
</style>
</head>
<body>
<p>Click the button below to create the caption for the table.</p>
<button onclick="createCaption()">CREATE</button>
<table id="SampleTable">
<tr>
<td colspan="2" rowpan="2">TABLE</td>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
</table>
<script>
function createCaption() {
var x = document.createElement("CAPTION");
var t = document.createTextNode("TABLE CAPTION");
x.appendChild(t);
var table = document.getElementById("SampleTable")
table.insertBefore(x, table.childNodes[0]);
}
</script>
</body>
</html>输出
这将产生以下输出 −
单击 CREATE 按钮时 −
在以上示例中 −
我们首先创建了一个按钮 CREATE，然后执行单击时的 createCaption() 方法 −
<button onclick="createCaption()">CREATE</button>
createCaption() 方法使用文档对象的 createElement() 方法创建了标题元素，并将其分配给变量 x。然后它创建了一个带有“TABLE CAPTION”文本的文本节点。然后我们将该文本节点附加到该元素。
最后，我们使用 ID “SampleTable”获取 <table> 元素并使用 insertBefore() 方法插入标题行和文本节点，作为该表的第一个子元素。<caption> 只可以作为表中的第一个子元素 −
function createCaption() {
var x = document.createElement("CAPTION");
var t = document.createTextNode("TABLE CAPTION");
x.appendChild(t);
var table = document.getElementById("SampleTable")
table.insertBefore(x, table.childNodes[0]);
}
更新于： 2019-08-07
107 次浏览
广告