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

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

黄舟
發布: 2017-11-03 11:49:30
原創
3657 人瀏覽過

實例

透過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 建議標準中是否定義了該屬性。

IEFirefox#OperaSafariW3C
#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樣式表中一定要是唯一的,在整個網站中最好也是唯一的

以上是規定html元素的唯一的id屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
輸入<html><>後面是怎麼變成<html></html>的
來自於 1970-01-01 08:00:00
0
0
0
HTML與HTML5的差別
來自於 1970-01-01 08:00:00
0
0
0
HTML總結
來自於 1970-01-01 08:00:00
0
0
0
HTML總結
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板