明輝手游網(wǎng)中心：是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

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

發(fā)表時間：2023-12-26 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]實(shí)例通過 JavaScript 利用 id 屬性來改變一段文本：<html><head><script type="text/javascript">function change_header(){document.getElementBy...

實(shí)例

通過 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 推薦標(biāo)準(zhǔn)中是否定義了該屬性。

IEFirefoxOperaSafariW3C
YESYESYESYESYES

語法

<element id="value">
值描述
id規(guī)定元素的唯一 id。

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

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

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

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

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

示例

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

說明

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

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

以上就是規(guī)定html元素的唯一的id屬性的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。