第1章 第1126节 dom td abbr

推荐给朋友

td/th abbr 属性

abbr 属性可设置或返回表元中内容的缩写版本(针对非可视的媒介,比如语音和盲文)。

如果设置了该属性,用户只能听到 abbr 属性的值(不是单元中的内容)。

语法

设置 abbr 属性:

tdObject.abbr="text"

或者

thObject.abbr="text"

返回 abbr 属性:

tdObject.abbr

或者

thObject.abbr

提示: abbr 属性没有默认值。

浏览器支持

所有主流浏览器都支持 abbr 属性。

在线实例

实例

下面的例子可提示第一个单元格的 abbr:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>牛客教程(nowcoder.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>

尝试一下