資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學如何在 HTML 中為元素指定唯一的 ID？
對於每個 HTML 元素，`id` 屬性指定一個特殊的 ID。`id` 屬性的值在整個 HTML 內容中必須是唯一的。樣式表中的特定樣式宣告使用 `id` 屬性進行引用。JavaScript 也使用它來訪問和修改具有給定 ID 的元素。
以下是示例……
示例
在下面的示例中，我們使用 `<h1>` 指向 ID 名稱“tutorial”。此 `<h1>` 將根據 `#tutorial` 進行樣式設定。
<!DOCTYPE html> <html> <head> <style> #tutorial { background-color: lightblue; color: black; padding: 40px; text-align: center; } </style> </head> <body> <h1 id="tutorial">Welcome Everyone..</h1> </body> </html>
輸出
執行上述指令碼後，ID 為“tutorial”的元素將根據 `#tutorial` 進行樣式設定。
示例：使用 Javascript
Javascript 使用唯一的 ID 並操作具有給定 ID 的元素。
<!DOCTYPE HTML> <html> <body> <h1 id="tutorial">Hello</h1> <button onclick="displayResult()">change text</button> <script> function displayResult() { document.getElementById("tutorial").innerHTML = "WELCOME"; } </script> </body> </html>
輸出
第一次執行指令碼時，它將顯示文字“hello”。
單擊“更改文字”按鈕後，文字“hello”將更改為“welcome”。
更新於：2022年9月5日
1K+ 次檢視
廣告