Định nghĩa và cách sử dụng
Thuộc tính id
chỉ định ID duy nhất cho phần tử HTML [giá trị phải là duy nhất trong tài liệu HTML].
Thuộc tính id
được sử dụng nhiều nhất để trỏ đến một kiểu trong một bảng kiểu và bằng JavaScript [thông qua HTML DOM] để thao tác phần tử với ID cụ thể.
Áp dụng cho
Thuộc tính id
là một thuộc tính toàn cầu và có thể được sử dụng trên bất kỳ phần tử HTML nào.
Tất cả các yếu tố HTML | Tôi |
Thí dụ
Thí dụ
Sử dụng thuộc tính ID để thao tác văn bản với JavaScript:
Chào thế giới! Thay đổi văn bản
Change text
hàm displayResult [] {& nbsp; & nbsp; & nbsp; document.getEuityById ["myheader"]. InternalHtml = "Chúc một ngày tốt lành!"; }
function displayResult[] {
document.getElementById["myHeader"].innerHTML = "Have a nice day!";
}
Hãy tự mình thử »
Hỗ trợ trình duyệt
Tôi | Thí dụ | Thí dụ | Thí dụ | Thí dụ | Thí dụ |
Thuộc tính toàn cầu CẢNH BÁO: Giá trị của thuộc tính này là một chuỗi mờ: Điều này có nghĩa là các tác giả web không nên dựa vào nó để truyền tải thông tin có thể đọc được của con người [mặc dù có ID của bạn có thể đọc được một phần có thể hữu ích cho việc hiểu mã, ví dụ: hãy xem xét Giá trị của ________ 1 không được chứa khoảng trắng [khoảng trắng, tab, v.v.]. Các trình duyệt xử lý ID không phù hợp có chứa khoảng trắng như thể khoảng trắng là một phần của ID. Trái ngược với thuộc tính Lưu ý: Về mặt kỹ thuật, giá trị cho thuộc tính Bảng BCD chỉ tải trong trình duyệtid
xác định một định danh [ID] phải là duy nhất trong toàn bộ tài liệu. Mục đích của nó là xác định phần tử khi liên kết [sử dụng định danh đoạn], kịch bản hoặc kiểu dáng [với CSS].id
global attribute defines an identifier [ID] which must be unique in the whole document. Its purpose is to identify the element when linking [using a fragment identifier], scripting, or styling
[with CSS].Thử nó
ticket-18659
so với r45tgfe-freds&$@
]. This attribute's value is an opaque string: this means that web authors should not rely on it to convey human-readable information [although having your IDs somewhat human-readable can be useful for
code comprehension, e.g. consider ticket-18659
versus r45tgfe-freds&$@
].class
, cho phép các giá trị phân tách không gian, các phần tử chỉ có thể có một giá trị ID đơn.id
có thể chứa bất kỳ ký tự nào, ngoại trừ các ký tự khoảng trắng. Tuy nhiên, để tránh các lỗi vô tình, chỉ nên sử dụng các chữ cái ASCII, chữ số, id
0 và id
1 và giá trị cho thuộc tính id
nên bắt đầu bằng một chữ cái. Ví dụ, id
3 có ý nghĩa đặc biệt trong CSS [nó hoạt động như một bộ chọn lớp]. Trừ khi bạn cẩn thận thoát khỏi CSS, nó sẽ không được công nhận là một phần của giá trị của thuộc tính id
. Thật dễ dàng để quên làm điều này, dẫn đến các lỗi trong mã của bạn có thể khó phát hiện. Technically, the value for an id
attribute may contain any character, except whitespace characters. However, to avoid inadvertent errors, only ASCII letters, digits, id
0, and id
1 should be used and the value for an id
attribute should start with a letter. For example, id
3 has a special meaning in CSS [it acts as a class selector]. Unless you are careful to escape it in the CSS, it won't be recognized as part of the value of an id
attribute. It is easy to forget to do this, resulting in bugs in your code that could be hard to detect.Thông số kỹ thuật
Sự chỉ rõ HTML Standard # Global-Tibutes: The-ID-Tibute-2
# global-attributes:the-id-attribute-2
Tính tương thích của trình duyệt web
Xem thêm
id
5 phản ánh thuộc tính này.
Trong bài viết này, chúng ta sẽ biết cách xác định phần tử HTML cụ thể bằng ID của nó bằng thuộc tính ID HTML, cùng với việc hiểu việc triển khai của nó thông qua các ví dụ.HTML id Attribute, along with understanding its implementation through the examples.
Thuộc tính ID là một định danh duy nhất được sử dụng để chỉ định tài liệu. Nó được sử dụng bởi CSS và JavaScript để thực hiện một nhiệm vụ nhất định cho một yếu tố duy nhất. Trong CSS, thuộc tính ID được sử dụng bằng biểu tượng # theo sau là ID. Báo giá không bắt buộc trong TAG = Tiết trong tất cả các trường hợp. Nhưng viết với trích dẫn là một thực hành tốt.id attribute is a unique identifier that is used to specify the document. It is used by CSS and JavaScript to perform a certain task for a unique element. In CSS, the id attribute is used using the # symbol followed by id. quotes are not mandatory in tag=” ” in all cases. But writing with quotes is a good practice.
Syntax:
Lưu ý: Đây là một thuộc tính toàn cầu, nó có thể được sử dụng trong tất cả các thẻ.This is a global attribute, it can be used in all the tags.
Ví dụ 1: Trong ví dụ này, chúng tôi chỉ đơn giản tạo kiểu cho phần tử với ID Geek Geek. In this example, we simply style the element with id “geeks”.
HTML
id
6
id
7id
8id
9
id
7id
1id
9
id
3id
7id
5id
9
id
3id
8
id
9id
0
id
3id
2
id
3id
4id
5id
9
id
4id
1id
9
id
7id
1id
9
id
3id
7id
5id
6id
5id
9
id
3id
7id
5 id
ticket-18659
3ticket-18659
4____55555454519
id
4id
1id
9
id
4id
8id
9
Output:
Thuộc tính ID HTML
Ví dụ 2: Trong ví dụ này, chúng tôi đang thêm các thuộc tính kiểu dáng vào giá trị thuộc tính ID cụ thể bằng cách tìm nạp giá trị ID của nó. In this example, we are adding the styling properties to the specific id attribute value by fetching its id value.
HTML
id
6
id
7id
8id
9
id
7id
1id
9
id
3id
7id
3id
4id
3id
9
id
3id
7id
5id
9
id
3id
7id
5 id
ticket-18659
3ticket-18659
4____55555454519
id
9class
4
id
9class
6
id
9class
8
id
9id
0
id
3id
2
id
3id
8
id
9id
0
id
9id
8
id
3id
2
id
3id
4id
5id
9
id
4id
1id
9
id
7id
1id
9
Thuộc tính ID HTML
Ví dụ 2: Trong ví dụ này, chúng tôi đang thêm các thuộc tính kiểu dáng vào giá trị thuộc tính ID cụ thể bằng cách tìm nạp giá trị ID của nó.
id
9id
28
id
3class
2
id
4id
1id
9
id
4id
8id
9
Output:
id
3id
7id
13 id
ticket-18659
3id
16id
17id
13id
9
id
3id
7id
13 id
ticket-18659
3ticket-18659
4id
9 In HTML5, id attributes can be used by any HTML tag but in HTML 4.01 there are some restriction to use id attributes. It can not be used by , , , ,
, , , and tag. In HTML4.01 id can not start with number.
id
3id
4id
13id
9In JavaScript, the id attribute is used to manipulate the text, if you want to make changes to a precise element in your script, then you can use the id attribute.
Thêm các thuộc tính kiểu vào giá trị thuộc tính ID cụ thể This example describes getting the id attribute value in Javascript through getElementById[] Method.
HTML
id
6
id
7id
8id
9
id
7id
1id
9
id
3id
7id
3id
49id
3id
9
id
3id
7id
5id
9
id
3id
8
id
9class
6
id
9class
4
id
9class
8
id
9id
65
id
3id
2
id
3id
7id
5 id
ticket-18659
3ticket-18659
4____55555454519
id
4id
1id
9
id
7id
1id
9
Thuộc tính ID HTML
Ví dụ 2: Trong ví dụ này, chúng tôi đang thêm các thuộc tính kiểu dáng vào giá trị thuộc tính ID cụ thể bằng cách tìm nạp giá trị ID của nó.
id
3id
7id
98id
9
id
3id
01
id
9id
03
id
9id
05
id
9id
07
id
3id
2
id
3id
4id
98id
9
id
4id
1id
9
id
4id
8id
9
Output:
Nhận giá trị thuộc tính ID bằng phương thức getEuityById []
Các trình duyệt được hỗ trợ:
- Google Chrome
- Cạnh 12 trở lên
- Firefox 32 trở lên
- Opera
- Cuộc đi săn