Trong DOM là trường hợp id nút nhạy cảm?

Question

HTML này có hợp lệ không? Hoặc là id 'a' giống như id 'A'?

<div id="a">alpha</div> 
<div id="A">Alpha</div> 

Answer 1

Yes. Nó phân biệt chữ hoa chữ thường. Giá trị thuộc tính luôn phân biệt chữ hoa chữ thường. Các trình duyệt khác nhau dường như đang làm những việc khác nhau.

Xử lý document.getElementById là khác nhau trên các trình duyệt:

1. Mozilla thực hiện tìm kiếm case-sensitive.

2. Internet Explorer: IE 8 trở lên thực hiện tìm kiếm phân biệt chữ hoa chữ thường, trong khi IE 7 và trước đó thực hiện tìm kiếm phân biệt chữ hoa chữ thường.

Answer 2

Vâng, bạn có thể kiểm tra điều này khá dễ dàng ... But yes, they are case-sensitive.

Answer 3

Làm rõ ở đây vì tất cả câu trả lời ở trên chỉ đúng một phần. Trong ngữ cảnh của DOM và Java Script có, ID là trường hợp nhạy cảm. Trong CSS, CSS không hoàn toàn phân biệt chữ hoa chữ thường.

http://www.w3.org/TR/css3-selectors/#casesens

Tất cả các Selectors cú pháp là case-insensitive trong phạm vi ASCII (ví dụ: [a-z] và [A-Z] là tương đương), ngoại trừ cho các bộ phận mà không phải là dưới sự kiểm soát của Selectors. Độ nhạy trường hợp của tên phần tử ngôn ngữ tài liệu, tên thuộc tính và giá trị thuộc tính trong bộ chọn phụ thuộc vào ngôn ngữ tài liệu. Ví dụ, trong HTML, các tên phần tử phân biệt chữ hoa chữ thường, nhưng trong XML, chúng phân biệt chữ hoa chữ thường. Độ nhạy trường hợp của tiền tố không gian tên được xác định trong [CSS3NAMESPACE].

Do đây là ý tưởng tồi khi có hai id trong các trường hợp khác nhau vì bạn sẽ không thể tạo kiểu cho chúng độc lập theo id.

Answer 4

Nó hợp lệ trên tất cả các trình duyệt hiện đại (IE 8+) nhưng tôi không khuyến nghị vì CSS phân biệt chữ hoa chữ thường. Tốt nhất là nên dính vào một trường hợp để tránh bất kỳ sự nhầm lẫn hoặc lỗi nào có thể xảy ra với CSS.