HTML id 属性
示例
使用 id 属性通过 JavaScript 操作文本
<html>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">更改文本</button>
<script>
function displayResult() {
document.getElementById("myHeader").innerHTML = "祝您有个美好的一天！";
}
</script>
</body>
</html>
自己动手试一试 »
更多“自己尝试”的例子见下文。
定义和用法
id 属性为 HTML 元素指定一个唯一的 id（该值在 HTML 文档中必须是唯一的）。
id 属性最常用于指向样式表中的样式，以及通过 JavaScript（通过 HTML DOM）操作具有特定 id 的元素。
浏览器支持
| Attribute | |||||
|---|---|---|---|---|---|
| id | 是 | 是 | 是 | 是 | 是 |
语法
<元素 id="id">
属性值
| 值 | 描述 |
|---|---|
| id | 为元素指定一个唯一的 id。命名规则：
|
更多示例
示例 1
使用 id 属性链接到页面中具有指定 id 的元素
<html>
<body>
<h2><a id="top">某个标题</a></h2>
<p>大量文本....</p>
<p>大量文本....</p>
<p>大量文本....</p>
<a href="#top">回到顶部</a>
</body>
</html>
自己动手试一试 »
示例 2
使用 id 属性通过 CSS 样式化文本
<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">W3Schools 是最棒的！</h1>
</body>
</html>
自己动手试一试 »
相关页面
HTML 教程：HTML id
HTML 教程：HTML 属性
CSS 教程：CSS 语法
CSS 参考：CSS #id 选择器
HTML DOM 参考：HTML DOM getElementById() 方法
HTML DOM 参考：HTML DOM id 属性
HTML DOM 参考: HTML DOM Style 对象
