HTML id 属性

返回上一级

HTML id 属性用于设置 HTML 元素的唯一的 id

id 在 HTML 文档中必须是唯一的

id 属性可用作链接锚(link anchor),通过 JavaScript(HTML DOM)或通过 CSS 为带有指定 id 的元素改变或添加样式

语法

<*element* id=" *id* ">

属性值

描述
id 设置元素的唯一 id

命名规则:
必须以字母 A-Z 或 a-z 开头
其后的字符:字母(A-Za-z)、数字(0-9)、连字符("-")、下划线("_")、冒号(":") 以及点号(".")
值对大小写敏感

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 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 值不能以数字开头

范例

通过 JavaScript 利用 id 属性来处理一段文本

<script>
function displayResult()
{
    document.getElementById("myHeader").innerHTML="Have a nice day!";
}
</script>

<body>

<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">编辑文本</button>

运行范例 »

更多范例

  1. 在 CSS 中使用 id 属性 在 CSS 中使用 id 属性为元素添加样式

返回上一级

HTML 全部标签

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.