DOM HTML td / th atribuyen encabezados
Definición y Uso
conjuntos de propiedades encabezados o devuelve el actual jefe de la lista que contiene el encabezado de la información de cabecera de unidad de datos.
El valor de este atributo es un nombre incluido entre comillas, estos nombres con el atributo id se define de diferentes nombres de celdas cabecera de la tabla.
gramática
Configuración de las propiedades de encabezados:
tdObject.headers="header_ids"
or
thObject.headers="header_ids"
or
thObject.headers="header_ids"
Devuelve las cabeceras de los atributos:
tdObject.headers
or
thObject.headers
or
thObject.headers
Consejo: cabeceras propiedad no tiene un valor predeterminado.
值 | 描述 |
---|---|
header_ids | 定义以空格为分割符的表头单元id列表 |
Soporte para el navegador
Todos los principales navegadores soportan atributo de encabezados
Ejemplos
Ejemplos
La segunda línea de la cabecera:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
var table=document.getElementById("myTable");
for (var i=0;i<table.rows[1].cells.length;i++){
alert(table.rows[1].cells[i].headers);
}
}
</script>
</head>
<body>
<table id="myTable" border="1" width="100%">
<tr>
<th id="name">名称</th>
<th id="email">Email</th>
<th id="phone">电话</th>
<th id="addr">地址</th>
</tr>
<tr>
<td headers="name">John Doe</td>
<td headers="email">[email protected]</td>
<td headers="phone">+45342323</td>
<td headers="addr">Rosevn 56,4300 Sandnes,Norway</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">获取第二行的单元格表头</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
var table=document.getElementById("myTable");
for (var i=0;i<table.rows[1].cells.length;i++){
alert(table.rows[1].cells[i].headers);
}
}
</script>
</head>
<body>
<table id="myTable" border="1" width="100%">
<tr>
<th id="name">名称</th>
<th id="email">Email</th>
<th id="phone">电话</th>
<th id="addr">地址</th>
</tr>
<tr>
<td headers="name">John Doe</td>
<td headers="email">[email protected]</td>
<td headers="phone">+45342323</td>
<td headers="addr">Rosevn 56,4300 Sandnes,Norway</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">获取第二行的单元格表头</button>
</body>
</html>
Trate »
TD / objetos th