规定html元素的唯一的id属性

[摘要]实例通过 JavaScript 利用 id 属性来改变一段文本：<html><head><script type="text/javascript"...

实例

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

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

<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="change_header()">Change text</button>
</body>

</html>
亲自试一试

定义和用法

id 属性规定 HTML 元素的唯一的 id。

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

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

支持

W3C: "W3C" 列指示 W3C 的 HTML/XHTML 推荐标准中是否定义了该属性。

IE	Firefox	Opera	Safari	W3C
YES	YES	YES	YES	YES

语法

<element id="value">

值	描述
id	规定元素的唯一 id。

可能有以下几种原因使用到id属性

你想链接到一个页面的指定位置
你要在某个HTML元素上使用特定的css样式
你要为每个HTML元素使用script(比如javascript)
你要区分两个相同的HTML元素

示例

<div id="dreamdu1">使用dreamdu1和dreamdu2来区分两个div标签<div><div id="dreamdu2">使用dreamdu1和dreamdu2来区分两个div标签<div>

说明

与id属性相同的属性是name,此属性可以使用在HTML4的文档中,新的web标准已经抛弃了此属性.所以使用name属性的时候应该使用XHTML过渡定义类型(xhtml1-transitional.dtd),不能使用在XHTML严格定义类型中(xhtml1-strict.dtd)
id属性在整个页面与CSS样式表中一定要是唯一的,在整个网站中最好也是唯一的

以上就是规定html元素的唯一的id属性的详细内容，更多请关注php中文网其它相关文章！

网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

关键词：规定html元素的唯一的id属性