HTML id 是一种用于标识 HTML 元素的属性,它可以让你在 HTML 文档中更加有效地定位元素。id 属性是一个字符串,可以用来标识 HTML 元素,并且必须是唯一的。
id 属性可以用来标识 HTML 元素,这样就可以使用 JavaScript 或者 CSS 来对其进行操作。例如,你可以使用 id 属性来设置特定元素的样式或者行为。
// 使用 JavaScript 设置元素的背景颜色 document.getElementById('myElement').style.backgroundColor = 'red';
此外,id 属性也可以用于创建锚点链接,这样就可以在同一页面内快速跳转到特定位置。例如:
// 锚点链接到 id 为 myElement 的元素 <a href="#myElement">Go to my element</a>
此外,id 还可以用于表单元素之间的相互关联。例如:
// 表单中的文本字段和复选框之间的相互关联 <input type="text" id="myTextField" /> <input type="checkbox" id="myCheckbox" checked="checked" />
HTML id
属性用于 为HTML 元素指定唯一的 id。
一个 HTML文档中不能存在多个有相同 id 的元素。
id
属性指定 HTML 元素的唯一 ID。 id
属性的值在 HTML 文档中必须是唯一的。
id
属性用于指向样式表中的特定样式声明。JavaScript 也可使用它来访问和操作拥有特定 ID 的元素。
id 的语法是:写一个井号 (#),后跟一个 id
名称。然后,在花括号 {} 中定义 CSS 属性。
下面的例子中我们有一个 <h1>
元素,它指向 id
名称 "myHeader"。这个 <h1>
元素将根据 head 部分中的 #myHeader
样式定义进行样式设置:
<!DOCTYPE html>
<html>
<head>
<style>
#myHeader {
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">My Header</h1>
</body>
</html>
注释:id 名称对大小写敏感!
注释:id 必须包含至少一个字符,且不能包含空白字符(空格、制表符等)。
同一个类名可以由多个 HTML 元素使用,而一个 id 名称只能由页面中的一个 HTML 元素使用:
<style>
#myHeader {
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}
.city {
background-color: tomato;
color: white;
padding: 10px;
}
</style>
<!-- 拥有唯一 id 的元素 -->
<h1 id="myHeader">My Cities</h1>
<!-- 拥有相同类名的多个元素 -->
<h2 class="city">London</h2>
<p>London is the capital of England.</p>
<h2 class="city">Paris</h2>
<p>Paris is the capital of France.</p>
<h2 class="city">Tokyo</h2>
<p>Tokyo is the capital of Japan.</p>
提示:请在我们的 CSS教程 中学习更多 CSS 知识。
HTML 书签用于让读者跳转至网页的特定部分。
如果页面很长,那么书签可能很有用。
要使用书签,您必须首先创建它,然后为它添加链接。
然后,当单击链接时,页面将滚动到带有书签的位置。
首先,用 id
属性创建书签:
<h2 id="C4">第四章</h2>
然后,在同一张页面中,向这个书签添加一个链接(“跳转到第四章”):
<a href="#C4">跳转到第四章</a>
或者,在另一张页面中,添加指向这个书签的链接(“跳转到第四章”):
<a href="html_demo.html#C4">Jump to Chapter 4</a>
JavaScript 也可以使用 id 属性为特定元素执行某些任务。
JavaScript 可以使用 getElementById()
方法访问拥有特定 id 的元素:
使用 id 属性通过 JavaScript 来处理文本:
<script>
function displayResult() {
document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>
提示:请在我们的 JavaScript教程 中学习 JavaScript。
id
属性用于为 HTML 元素指定唯一的 idid
属性的值在 HTML 文档中必须是唯一的id
属性来选取元素或设置特定元素的样式id
属性的值区分大小写id
属性还可用于创建 HTML 书签getElementById()
方法访问拥有特定 id 的元素一个富有美感的背景会让站点看上去更加高级、更有吸引力。本篇为大家来的是 HTML背景相关内容。背景(Backgrounds)body 拥有两...
HTML 框架 iframe标签规定一个内联框架。 一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。 通过使用框架,你可以在同一...
DOCTYPE声明位于文档中的最前面的位置,处于html标签之前。DOCTYPE是document type(文档类型)的缩写。主要是用来说明你用的XHT...