Làm cách nào để xóa bộ sưu tập HTML khỏi DOM?
Tóm lược. trong hướng dẫn này, bạn sẽ học cách xóa một phần tử khỏi DOM bằng phương pháp Show Xóa phần tử bằng phương thức removeChild()Để xóa một phần tử khỏi DOM, bạn làm theo các bước sau
Giả sử rằng bạn có tài liệu HTML sau
Làm thế nào nó hoạt động
Lưu ý rằng nếu bạn chỉ muốn ẩn phần tử, bạn có thể sử dụng đối tượng 0
Xóa phần tử bằng phương thức remove()Để xóa một phần tử khỏi DOM, bạn cũng có thể sử dụng phương thức remove() của phần tử đó Tất cả các trình duyệt chính đều hỗ trợ phương thức remove() ngoại trừ IE. Vì IE không được dùng nữa, bạn có thể sử dụng phương thức remove() ngay hôm nay. Ví dụ Đưa ra một phần tử HTML và nhiệm vụ là xóa phần tử HTML khỏi tài liệu bằng JavaScript. Tiếp cận
ví dụ 1. Ví dụ này sử dụng phương thức removeChild() để xóa phần tử HTML. html0 1 2 3 4 1 6 3 8 1____110 3 12 13 12 15 8 17____110 3 20 8 1____123 3 12 26 27 28 27 30 27 32 27 34 27 36 12 38 8 17____123 3 4 17 6 3 47 4 1 10 23 12 13 3 20 8 1____118 23 12 61 3 12 64 8 17____118 3 20 8 1____132 33 12 35 23 12 12 39 3 8 17____132 3 20 8 1____188 33 12 11 3 12 14 8 17____188 3 8 1____1101 3 20 8 1____1106 107 12 109 3 12 112 8 17____1106 3 20 8 1____132 33 12 123 23 12 12 127 3 8 17____132 3 20 8 135 8 1____1138 3 12 141 12 143 12 145 12 147 148 12 150 27 152 27 154 12 38 8 17____1138 3 4 17 10 3 17 2 167 đầu ra Xóa một phần tử HTML ví dụ 2. Ví dụ này sử dụng phương thức remove() để xóa phần tử HTML khỏi tài liệu. html0 1 2 3 4 1 6 3 8 1____110 3 12 13 12 15 8 17____110 3 20 8 1____123 3 12 26 27 28 27 30 27 32 27 34 27 36 12 38 8 17____123 3 4 17 6 3 47 4 1 10 23 12 13 3 20 8 1____118 23 12 61 3 12 64 8 17____118 3 20 8 1____132 33 12 35 23 12 12 39 3 8 17____132 3 20 8 1____188 33 12 11 3 12 14 8 17____188 3 8 1____1101 3 20 8 1____1106 107 12 109 3 12 112 8 17____1106 3 20 8 1____132 33 12 123 23 12 12 127 3 8 17____132 3 20 8 135 8 1____1138 3 12 141 12 143 12 145 12 147 148 12 150 27 320 27 154 12 38 8 17____1138 3 4 17 10 3 17 2 167 đầu ra Xóa một phần tử HTML JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này Làm cách nào để xóa HTMLCollection khỏi DOM?Bạn có thể thực hiện việc này bằng một trong hai cách. . chuyển đổi danh sách thành một mảng. var đoạn = Mảng. nguyên mẫu. lát cắt. cuộc gọi (tài liệu. getElementsByTagName('p'), 0); sử dụng tài liệu. truy vấnSelectorAll. var đoạn = tài liệu. querySelectorAll('p'); Làm cách nào để xóa các phần tử HTML bằng JavaScript?Chọn phần tử HTML cần xóa Sử dụng phương thức JavaScript remove() và removeChild() để xóa phần tử khỏi tài liệu HTML |