编辑这个页面须要登录或更高权限！

HTML id属性

HTML id全局属性定义了一个全文档唯一的标识符 (ID)。它用于在链接（使用片段）、脚本和样式（通过 CSS）中辨识元素。

HTML 全局属性

在线示例

通过 JavaScript脚本 利用 id 属性来改变一段文本内容：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(cainiaojc.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 的元素改变或添加样式。

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 值不能以数字开头)。

语法

    <element id="id">

属性值

值描述
id

规定元素的唯一 id。

命名规则：

  • 必须以字母 A-Z 或 a-z 开头

  • 其后的字符：字母(A-Za-z)、数字(0-9)、连字符("-")、下划线("_")、冒号(":") 以及点号(".")

  • 值对大小写敏感

更多示例

在 CSS 中使用 id 属性
如何在 CSS 中使用 id 属性为元素添加样式

HTML 全局属性

HTML: <template> 标签

HTML 参考手册
HTML 标签大全