Thuộc tính id HTML
Thí dụ
Sử dụng thuộc tính id để thao tác văn bản với JavaScript:
<html>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</button>
<script>
function displayResult()
{
document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>
</body>
</html>
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc id
tính chỉ định một id duy nhất cho một phần tử HTML (giá trị phải là duy nhất trong tài liệu HTML).
Thuộc id
tính được sử dụng nhiều nhất để trỏ đến một kiểu trong biểu định kiểu và bởi JavaScript (thông qua HTML DOM) để thao tác phần tử với id cụ thể.
Hỗ trợ trình duyệt
Attribute | |||||
---|---|---|---|---|---|
id | Yes | Yes | Yes | Yes | Yes |
Cú pháp
<element id="id">
Giá trị thuộc tính
Value | Description |
---|---|
id | Specifies a unique id for the element.
Naming rules:
|
Các ví dụ khác
ví dụ 1
Sử dụng thuộc tính id để liên kết đến một phần tử có id được chỉ định trong một trang:
<html>
<body>
<h2><a id="top">Some heading</a></h2>
<p>Lots of text....</p>
<p>Lots of text....</p>
<p>Lots of text....</p>
<a href="#top">Go to top</a>
</body>
</html>
Ví dụ 2
Sử dụng thuộc tính id để tạo kiểu văn bản bằng CSS:
<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">W3Schools is the best!</h1>
</body>
</html>
Các trang liên quan
Hướng dẫn HTML: Id HTML
Hướng dẫn HTML: Thuộc tính HTML
Hướng dẫn CSS: Cú pháp CSS
Tham khảo CSS: Bộ chọn CSS #id
Tham chiếu HTML DOM: Phương pháp HTML DOM getElementById ()
Tham chiếu DOM HTML: Thuộc tính id DOM HTML
Tham chiếu DOM HTML: Đối tượng kiểu HTML DOM