HTML nhiều phần tử có cùng id

Mã đó không chính xác. Không chính xác không có màu xám. Mã này vi phạm tiêu chuẩn và do đó không chính xác. Nó sẽ không kiểm tra xác nhận, và nó sẽ

Điều đó nói rằng, không có trình duyệt nào hiện có trên thị trường sẽ phàn nàn về nó hoặc có bất kỳ vấn đề nào với nó cả. Các trình duyệt sẽ có quyền khiếu nại về điều đó, nhưng không có phiên bản hiện tại nào của bất kỳ phiên bản nào trong số chúng hiện có. Điều đó không có nghĩa là các phiên bản trong tương lai có thể không đối xử tệ với mã này

Hành vi của bạn khi cố gắng sử dụng ID đó làm công cụ chọn, trong css hoặc javascript, là không thể đoán được và có thể khác nhau giữa các trình duyệt. Tôi cho rằng một nghiên cứu có thể được thực hiện để xem cách mỗi trình duyệt phản ứng với điều đó. Tôi nghĩ trong trường hợp tốt nhất, nó sẽ coi nó giống như "class=", và chọn danh sách chúng. [Tuy nhiên, điều đó có thể gây nhầm lẫn cho các thư viện JavaScript--nếu tôi là tác giả của jQuery, tôi có thể đã tối ưu hóa mã bộ chọn của mình để nếu bạn gặp tôi với một bộ chọn bắt đầu bằng "#", tôi mong đợi một đối tượng duy nhất và nhận được một . ]

Nó cũng có thể chọn cái đầu tiên hoặc có thể là cái cuối cùng hoặc không chọn cái nào trong số chúng hoặc làm hỏng hoàn toàn trình duyệt. Không có cách nào để nói mà không thử nó

Sau đó, "tệ đến mức nào" hoàn toàn phụ thuộc vào mức độ nghiêm ngặt của một trình duyệt cụ thể thực hiện thông số HTML và những gì nó làm khi đối mặt với sự vi phạm thông số đó

CHỈNH SỬA. Tôi CHỈ tình cờ bắt gặp điều này ngày hôm nay. Tôi đang lấy các thành phần khác nhau từ các biểu mẫu tìm kiếm trên nhiều loại thực thể khác nhau để tạo ra một tiện ích báo cáo tất cả trong một lớn, tuyệt vời cho trang web này, tôi đang tải lên các biểu mẫu tìm kiếm của các trang từ xa trong các div ẩn và đặt chúng vào . Vì vậy, có một phiên bản ẩn của biểu mẫu và một phiên bản được hiển thị trong trình tạo báo cáo. Trong mọi trường hợp, JavaScript đi kèm đề cập đến các phần tử theo ID, trong đó hiện có HAI phần tử trên trang--phần tử ẩn và phần tử hiển thị

Những gì jQuery dường như đang làm là chọn cho tôi cái ĐẦU TIÊN, cái mà trong mọi trường hợp chính xác là cái tôi KHÔNG muốn

Tôi đang giải quyết vấn đề này bằng cách viết các bộ chọn để chỉ định vùng của trang mà tôi muốn đưa trường của mình vào [tức là. $['#containerDiv #specificElement'] ]. Nhưng có một câu trả lời cho câu hỏi của bạn--jQuery trên Chrome chắc chắn hoạt động theo một cách cụ thể khi đối mặt với vi phạm thông số kỹ thuật này

Thuộc tính id chỉ định một id duy nhất cho phần tử HTML. Giá trị của thuộc tính id phải là duy nhất trong tài liệu HTML

Thuộc tính id được sử dụng để trỏ đến một khai báo kiểu cụ thể trong biểu định kiểu. Nó cũng được JavaScript sử dụng để truy cập và thao tác với phần tử có id cụ thể

Cú pháp cho id là. viết một ký tự băm [#], theo sau là tên id. Sau đó, xác định các thuộc tính CSS trong dấu ngoặc nhọn {}

Trong ví dụ sau đây, chúng ta có một

phần tử trỏ đến tên id "myHeader". Phần tử này sẽ được tạo kiểu theo định nghĩa kiểu #myHeader trong phần đầu

Thí dụ

tiêu đề của tôi

Try it Yourself »

Ghi chú. Tên id phân biệt chữ hoa chữ thường

Ghi chú. Tên id phải chứa ít nhất một ký tự, không được bắt đầu bằng số và không được chứa khoảng trắng [dấu cách, tab, v.v. ]

Sự khác biệt giữa Lớp và ID

Tên lớp có thể được sử dụng bởi nhiều phần tử HTML, trong khi tên id chỉ được sử dụng bởi một phần tử HTML trong trang

Thí dụ

thành phố của tôi

London

London là thủ đô của nước Anh

Paris

Pari là thủ đô của nước Pháp

Tokyo

Tokyo là thủ đô của Nhật Bản

Tự mình thử »

Dấu trang HTML có ID và Liên kết

Dấu trang HTML được sử dụng để cho phép người đọc chuyển đến các phần cụ thể của trang web

Dấu trang có thể hữu ích nếu trang của bạn rất dài

Để sử dụng dấu trang, trước tiên bạn phải tạo dấu trang, sau đó thêm liên kết vào dấu trang đó

Sau đó, khi nhấp vào liên kết, trang sẽ cuộn đến vị trí có dấu trang

Thí dụ

Đầu tiên, tạo một dấu trang với thuộc tính id

Chương 4

Sau đó, thêm một liên kết đến dấu trang ["Chuyển đến Chương 4"], từ trong cùng một trang

Hoặc, thêm một liên kết vào dấu trang ["Chuyển đến Chương 4"], từ một trang khác

Chuyển đến Chương 4

Sử dụng thuộc tính id trong JavaScript

Thuộc tính id cũng có thể được JavaScript sử dụng để thực hiện một số tác vụ cho phần tử cụ thể đó

    

    

    

    

    

    

>

Tập lệnh

1. hàm myFunction1[] {
2. var gradep=0. 0;
3. var x = tài liệu. getElementById["Mark1"];
4. var y = tài liệu. getElementById["Điểm1"];
5. y. giá trị = typeof x. giá trị;
6. va= Số[y. giá trị];
7. y. giá trị = typeof va;
8. x= Số[x. giá trị];
9. nếu [x>=80 && x=75 && x=70 && x=65 && x=60 && x=55 && x=50 && x=45 && x=40 && x=35 && x=0 && x