td/th abbr 属性
td/th 对象定义和用法
abbr 属性可设置或返回表元中内容的缩写版本(针对非可视的媒介,比如语音和盲文)。
如果设置了该属性,用户只能听到 abbr 属性的值(不是单元中的内容)。
语法
设置 abbr 属性:
tdObject.abbr="text"
或者
thObject.abbr="text"
或者
thObject.abbr="text"
返回 abbr 属性:
tdObject.abbr
或者
thObject.abbr
或者
thObject.abbr
提示: abbr 属性没有默认值。
浏览器支持
所有主流浏览器都支持 abbr 属性。
实例
实例
下面的例子可提示第一个单元格的 abbr::
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(cainiaoplay.com)</title>
<script>
function displayResult(){
var table=document.getElementById("myTable");
alert(table.rows[0].cells[0].abbr);
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td abbr="def">保持名称简短的缩写,浏览器可能重复显示它们。</td>
<td>单元格数据</td>
</tr>
<tr>
<td>单元格数据</td>
<td>单元格数据</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">获取第一个单元格的缩写</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(cainiaoplay.com)</title>
<script>
function displayResult(){
var table=document.getElementById("myTable");
alert(table.rows[0].cells[0].abbr);
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td abbr="def">保持名称简短的缩写,浏览器可能重复显示它们。</td>
<td>单元格数据</td>
</tr>
<tr>
<td>单元格数据</td>
<td>单元格数据</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">获取第一个单元格的缩写</button>
</body>
</html>
尝试一下 »
td/th 对象