規(guī)定html元素的唯一的id屬性

來源：懂視網(wǎng) 責編：小采時間：2020-11-27 15:28:13

規(guī)定html元素的唯一的id屬性

規(guī)定html元素的唯一的id屬性:實例通過 JavaScript 利用 id 屬性來改變一段文本：<html> <head> <script type="text/javascript"> function change_header() { document.getElementById("myHeader&

推薦度：

點擊下載本文 文檔為doc格式

導讀規(guī)定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 屬性規(guī)定 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	規(guī)定元素的唯一 id。

可能有以下幾種原因使用到id屬性

你想鏈接到一個頁面的指定位置

你要在某個HTML元素上使用特定的css樣式

你要為每個HTML元素使用script(比如javascript)

你要區(qū)分兩個相同的HTML元素

示例

<div id="dreamdu1">使用dreamdu1和dreamdu2來區(qū)分兩個div標簽<div><div id="dreamdu2">使用dreamdu1和dreamdu2來區(qū)分兩個div標簽<div>

說明

與id屬性相同的屬性是name,此屬性可以使用在HTML4的文檔中,新的web標準已經(jīng)拋棄了此屬性.所以使用name屬性的時候應該使用XHTML過渡定義類型(xhtml1-transitional.dtd),不能使用在XHTML嚴格定義類型中(xhtml1-strict.dtd)

id屬性在整個頁面與CSS樣式表中一定要是唯一的,在整個網(wǎng)站中最好也是唯一的

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

規(guī)定html元素的唯一的id屬性

推薦度：

點擊下載本文 文檔為doc格式

標簽： id 規(guī)定元素

熱門焦點

規(guī)定html元素的唯一的id屬性

規(guī)定html元素的唯一的id屬性

規(guī)定html元素的唯一的id屬性

最新推薦

猜你喜歡

熱門推薦