最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:懂视网 责编:小采 时间:2020-11-27 15:28:13
文档

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

规定html元素的唯一的id属性:实例通过 JavaScript 利用 id 属性来改变一段文本:<html> <head> <script type="text/javascript"> function change_header() { document.getElementById("myHeader&
推荐度:
导读规定html元素的唯一的id属性:实例通过 JavaScript 利用 id 属性来改变一段文本:<html> <head> <script type="text/javascript"> function change_header() { document.getElementById("myHeader&

实例

通过 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 推荐标准中是否定义了该属性。

IEFirefoxOperaSafariW3C
YESYESYESYESYES

语法

<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样式表中一定要是唯一的,在整个网站中最好也是唯一的

  • 声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文档

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

    规定html元素的唯一的id属性:实例通过 JavaScript 利用 id 属性来改变一段文本:<html> <head> <script type="text/javascript"> function change_header() { document.getElementById("myHeader&
    推荐度:
    标签: id 规定 元素
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top