Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

JavaScript: Cách lặp qua tất cả phần tử DOM trên trang và hiển thị kết quả trên console?


Để lặp qua tất cả phần tử DOM trên trang, dùng document.getElementsByTagName('*'). Lặp qua độ dài và hiển thị kết quả trong console:

var tags = document.getElementsByTagName("*"); for (var i=0, max=tags.length; i < max; i++) { console.log(tags[i]); }

Ví dụ

     Document      

Demo

Chạy: lưu file anyName.html(index.html), chuột phải chọn "Open with Live Server" trong VS Code.

Kết quả

Kết quả đầu ra:

JavaScript: Cách lặp qua tất cả phần tử DOM trên trang và hiển thị kết quả trên console?