HTML id 属性
示例
使用 id 属性用 JavaScript 操作文本
<html>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">更改文本</button>
<script>
function displayResult() {
document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>
</body>
</html>
亲自试一试 »
下面还有更多 "亲自试一试" 示例。
定义和用法
id 属性为 HTML 元素指定唯一的 ID（该值在 HTML 文档中必须是唯一的）。
id 属性最常用于指向样式表中的样式，以及由 JavaScript（通过 HTML DOM）操作具有特定 ID 的元素。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| 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 样式对象
