HTML id 属性

2018-11-18 13:13 更新

HTML id 属性

HTML 全局属性 HTML 全局属性

实例

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

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

<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</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">

属性值

描述
id

规定元素的唯一 id。

命名规则:

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


实例

更多实例

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


HTML 全局属性 HTML 全局属性
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号