HTML id全局屬性定義了一個全文檔唯一的標識符 (ID)。它用于在鏈接(使用片段)、腳本和樣式(通過 CSS)中辨識元素。
通過 JavaScript腳本 利用 id 屬性來改變一段文本內(nèi)容:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(cainiaoplus.com)</title>
<script>
function changeText()
{
document.getElementById("myHeader").innerHTML="哈哈,我被你改變了,親!";
}
</script>
</head>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="changeText()">動態(tài)改變id的文本內(nèi)容</button>
</body>
</html>測試看看 ?/?IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 id 屬性
id 屬性規(guī)定 HTML 元素的唯一的 id。
id 在 HTML 文檔中必須是唯一的。
id 屬性可用作鏈接錨(link anchor),通過 JavaScript(HTML DOM)或通過 CSS 為帶有指定 id 的元素改變或添加樣式。
在 HTML5 中, id 屬性可用于任何的 HTML 元素 (它會驗證任何HTML元素。但不一定是有用)。
在 HTML 4.01 中, id 屬性不能用于: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, 和<title>。
注意: HTML 4.01 對于 id 的值有嚴格的限制 (例如:在 HTML 4.01 id 值不能以數(shù)字開頭)。
<element id="id">
| 值 | 描述 |
|---|---|
| id | 規(guī)定元素的唯一 id。 命名規(guī)則:
|
在 CSS 中使用 id 屬性
如何在 CSS 中使用 id 屬性為元素添加樣式