HTML id 属性
id 全局属性定义了一个全文档唯一的标识符 (ID)。它用于在链接(使用片段)、脚本和样式(通过 CSS)中辨识元素。
实例
通过 JavaScript 利用 id 属性来改变一段文本:
<html>
<head>
<script type="text/javascript">
function change_header()
{
document.getElementById("myHeader").innerHTML="Nice day!";
}
</script>
</head>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="change_header()">Change text</button>
</body>
</html>
定义和用法
id 属性规定 HTML 元素的唯一的 id。
id 在 HTML 文档中必须是唯一的。
id 属性可用作链接锚(link anchor),通过 JavaScript(HTML DOM)或通过 CSS 为带有指定 id 的元素改变或添加样式。
注意:id 的值不得包含空白字符(whitespace (en-US),包括空格和制表符等)。浏览器会将不符合规范的 ID 中的空白字符视为 ID 的一部分。与允许以空格分隔值的 class 属性不同,元素只能拥有一个 ID 值。
支持
属性 | |||||
---|---|---|---|---|---|
id | Yes | Yes | Yes | Yes | Yes |
所有浏览器全部支持 id 属性。
语法
<element id="value">
属性值
值 | 描述 |
---|---|
id | 规定元素的唯一 id。 |
更多实例
使用id属性链接到页面中具有指定id的元素:
<html>
<body>
<h2><a id="top">标题</a></h2>
<p>一些文本....</p>
<p>一些文本....</p>
<p>一些文本....</p>
<a href="#top">回到顶部</a>
</body>
</html>
用设置id型的CSS样式名
<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">欢迎学习 HTML 参考手册</h1>
</body>
</html>