HTML 5 全局 id 属性
实例
通过 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()">改变文本</button>
</body>
</html>
定义和用法
id 属性规定 HTML 元素的唯一的 id。
id 在 HTML 文档中必须是唯一的。
id 属性可用作链接锚(link anchor),通过 JavaScript(HTML DOM)或通过 CSS 为带有指定 id 的元素改变或添加样式。
HTML 4.01 与 HTML 5 之间的差异
None.
语法
<element id="value"
>
属性值
值 | 描述 |
---|---|
id |
规定元素的唯一 id。 命名规则:
|
亲自试一试 - 实例
- 向 HTML 元素添加唯一的 id
- 如何向 HTML 元素添加 id 属性。
- 在 CSS 中使用 id 属性
- 如何在 CSS 中使用 id 属性为元素添加样式
- 使用 id 属性来创建链接锚
- 如何使用 id 属性来创建链接锚。