集册 HTML 参考教程 HTML id 属性

HTML id 属性

Xebcnor     最近更新时间:2019-10-11 03:39:57

399

HTML id 属性

HTML 全局属性 HTML 全局属性

实例

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

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>时代Java与您共同学习(NowJava.com)</title> <script> function displayResult() { document.getElementById("myHeader").innerHTML="Have a nice day!"; } </script> </head> <body> <h1 id="myHeader">Hello World!</h1> <button onclick="displayResult()">编辑文本</button> </body> </html>

运行实例

本章节底部包含更多实例。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 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">

属性值

展开阅读全文