例
使用id属性来处理文本使用JavaScript：
<html>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</button>
<script>
function displayResult()
{
document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>
</body>
</html>
试一试» 更多“试一试”的例子。
定义和用法
该id属性指定一个唯一的id为HTML元素（该值必须为HTML文档中是唯一的）。
该id属性是最常用的指在一个样式表一个样式，由JavaScript（通过HTML DOM）来处理与特定元素id 。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| id | 是 | 是 | 是 | 是 | 是 |
HTML 4.01和HTML5之间的差异
在HTML5中， id属性可以任何 HTML元素上使用（将验证任何HTML元素上，但是，它不一定是有用的）。
在HTML 4.01，该id属性不能与使用： <base>, <head>, <html>, <meta>, <param>, <script>, <style>和<title> 。
注：HTML 4.01，对内容更严格的限制id值（例如，在HTML 4.01 id值不能以数字开头）。
句法
<elementid="id">
属性值
| 值 | 描述 |
|---|---|
| id | 指定唯一id的元素。 命名规则：
|
更多示例
例1
使用id属性具有指定链接到一个元素id在页面中：
<html>
<body>
<h2><a id="top">Some heading</a></h2>
<p>Lots
of text....</p>
<p>Lots of text....</p>
<p>Lots of text....</p>
<a href="#top">Go to top</a>
</body>
</html> 试一试» 例2
使用id属性文本样式与CSS：
<html>
<head>
<style>
#myHeader {
color:
red;
text-align: center;
}
</style>
</head>
<body>
<h1
id="myHeader">w3ii is the best!</h1>
</body>
</html> 试一试» 相关页面
HTML教程： HTML属性
CSS教程： CSS选择器
CSS参考： CSS #id选择
HTML DOM参考： HTML DOM getElementById()方法
HTML DOM参考： HTML DOM id属性
HTML DOM参考： HTML DOM Style对象