实例
通过 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属性的详细内容。