HTML教程-HTML id 属性
id 属性用于为 HTML 文档中的元素指定唯一的标识符。它为CSS和JavaScript执行特定任务提供了一个唯一的标识符。
注意：在层叠样式表 (CSS) 中，我们可以使用 # 符号后跟 id 来轻松选择具有特定 id 的元素。
注意：JavaScript 可以使用 getElementById() 方法通过给定的 ID 访问元素。
语法
<tag id="value">示例 1：以下示例描述了如何在 CSS 文档中使用 id 属性：
<!DOCTYPE html>
<html>
<head>
<title>Example of Id attribute in CSS</title>
<style>
#Cars {
padding: 40px;
background-color: lightblue;
color: black;
text-align: center;
}
#Bikes {
padding: 50px;
background-color: lightGreen;
text-align: center;
}
</style>
</head>
<body>
<p>Use CSS to style an element with the id:</p>
<h1 id="Cars">Cars</h1>
<h1 id="Bikes">Bikes</h1>
</body>
</html>示例 2：以下示例描述了如何在 JavaScript 中使用 ID 属性。
<!DOCTYPE html>
<html>
<head>
<title>Date Attribute</title>
<script>
function viewdate() {
var x = document.getElementById("dob").value;
document.getElementById("demo").innerHTML = x;
}
</script>
</head>
<body>
Employee Name: <input type="text" placeholder="Your Good name"/>
<br>
<br>
Date of Joining:
<input type="date" id="dob">
<br>
<button onclick="viewdate()">Submit</button>
<br>
<h2 id="demo"></h2>
</body>
</html>浏览器支持
| 元素 |  Chrome |  IE |  Firefox |  Opera |  Safari |
|---|---|---|---|---|---|
<id> | 是 | 是 | 是 | 是 | 是 |
