Nhận tử Bằng cách sử dụng lớp tên

Question

Tôi muốn phần tử bằng cách sử dụng tên lớp

Bây giờ tôi đang sử dụng GWT 2.0

Xin hãy giúp tôi

Cảm ơn

Answer 1

https://developer.mozilla.org/en/DOM/document.getElementsByClassName

e: không được hỗ trợ nguyên bản trong IE < 9, vì vậy bạn phải mở rộng tài liệu/tạo một chức năng toàn cầu với một cái gì đó như thế này: http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/ hoặc sử dụng một cái gì đó như sizzle hoặc jquery - nhờ nhận xét bên dưới.

Answer 2

Một số giải pháp đã được xây dựng để hoạt động trên các trình duyệt không có nguồn gốc getElementsByClassName. Nếu bạn sử dụng bất kỳ thư viện javascript hiện đại nào (ví dụ: jQuery, Prototype), chúng sẽ tự động xoay quanh các khoảng trống dành riêng cho trình duyệt này.

Vì vậy, ví dụ, với jQuery:

$('.foo').get(); 

trả về tất cả các yếu tố DOM với lớp foo, trong bất kỳ trình duyệt.

Nếu bạn chỉ muốn vấn đề cụ thể này được giải quyết, và không muốn sử dụng một thư viện đầy đủ, bạn có thể thử sử dụng một cái gì đó giống như The Ultimate GetElementsByClassName, cho phép bạn có:

getElementsByClassName('foo') 

Mặc dù đó là một vài năm cũ, John Resig's comparison of various solutions cho vấn đề vẫn còn giá trị.

Answer 3

Sử dụng GwtQuery: http://code.google.com/p/gwtquery/

Answer 4

Nó có thể là khôn ngoan để sử dụng document.querySelector hoặc document.querySelectorAll, được hỗ trợ từ IE8.

Có một cái nhìn ở đây:

https://developer.mozilla.org/docs/Web/API/document.querySelector https://developer.mozilla.org/docs/Web/API/document.querySelectorAll