HTML id全局属性定义了一个全文档唯一的标识符 (ID)。它用于在链接(使用片段)、脚本和样式(通过 CSS)中辨识元素。
通过 JavaScript脚本 利用 id 属性来改变一段文本内容:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基础教程网(nhooo.com)</title> <script> function changeText() { document.getElementById("myHeader").innerHTML="哈哈,我被你改变了,亲!"; } </script> </head> <body> <h1 id="myHeader">Hello World!</h1> <button onclick="changeText()">动态改变id的文本内容</button> </body> </html>测试看看 ‹/›
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 id 属性
id 属性规定 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 值不能以数字开头)。
<element id="id">
值 | 描述 |
---|---|
id | 规定元素的唯一 id。 命名规则:
|
在 CSS 中使用 id 属性
如何在 CSS 中使用 id 属性为元素添加样式