2011-12-06 28 views
6
<body> 
    <span someAttribute="xyz">.....</span> 
    ... 
    <div> 
    ... 
    <span someAttribute="abc">.....</span> 
    ... 
    <div someAttribute="pqr">.....</div> 
    ... 
    </div> 
</body> 

Đây là một trang html mẫu .. Tôi cần phải lựa chọn các yếu tố html bởi thuộc tính của nó tôi có thể nhận được các giá trị thuộc tính bằng cách getAttribute() nhưng tôi cần phải chọn tất cả các yếu tố đầu tiên.Javascript để có được các yếu tố bởi thuộc tính của nó

Cách trong javascript để lấy các phần tử có tên thuộc tính là "someAttribute". Một khi tôi nhận được các yếu tố tôi có thể nhận được các giá trị thuộc tính và sử dụng chức năng của tôi.

Lưu ý: tôi muốn làm điều này mà không cần sử dụng jquery.

Trả lời

6

lưu từng phần tử trong một mảng vòng lặp qua từng phần tử và nếu phần tử chứa thuộc tính someAttribute làm somgthing.

var arr_elms = []; 
arr_elms = document.body.getElementsByTagName("*"); 
var elms_len = arr_elms.length; 

for (var i = 0; i < elms_len; i++) { 
    if(arr_elms[i].getAttribute("someAttribute") != null){ 
    alert("FOUND : " + arr_elms[i].getAttribute("someAttribute")); 
    } 
} 
+0

hoạt động dude .. chỉ cần một số mã hóa bổ sung .. bệnh làm điều đó .. cảm ơn ... :) –

+0

tuyệt vời, không phải lo lắng! – david

0

Bạn có thể quản lý tất cả các phần tử của cây DOM.

0

Bạn có thể chọn các phần tử theo tên thẻ bằng cách sử dụng document.body.getElementsByTagName("div") để nhận tất cả các phần tử div bên trong tài liệu của bạn. Hàm này trả về một mảng các phần tử mà bạn có thể phân tích và lọc ra các phần tử không phù hợp với tiêu chí của bạn.

0

bạn có thể sử dụng

var all = document.getElementsByTagName('*'); 

nhưng điều này cũng trả về html, headbody ...

và sau đó làm một vòng khắp các yếu tố và tìm kiếm các thuộc tính.

+0

tôi muốn có được các yếu tố có tên thuộc tính là "someAttribute" .. làm thế nào tôi có thể làm điều đó –

0

Tôi tìm thấy một đoạn gọi là getElementsByAttribute(doc, tagArray, attribute, attributeValue)

Bạn có thể đưa ra một thử đến một fiddle làm việc: http://jsfiddle.net/Yx7EU/

Hy vọng điều này có thể giúp đỡ.

+0

hey 'getElementsByAttributedoc, tagArray, attribute, attributeValue)' tôi thực sự neet để có được giá trị thuộc tính từ đó .. nó có thể được thực hiện chỉ với 'getElementsByAttributedoc, tagArray, thuộc tính) ' –

6

Trong trình duyệt mới, bạn có thể làm:

var el = document.querySelector('[someAttribute="someValue"]'); 
-2

var elem = document.querySelectorAll ('tagname [AttributeName = " '+ valueInVariable +'"]')

+1

Vui lòng không đăng câu trả lời mà chỉ sao chép các câu trả lời hiện có và không thêm gì mới. –

Các vấn đề liên quan