首頁 >web前端 >html教學 >規定html元素的唯一的id屬性

規定html元素的唯一的id屬性

黄舟
黄舟原創
2017-11-03 11:49:303627瀏覽

實例

透過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屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn