Tìm kiếm
0398.259.259
Liên hệ
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Kiến thức PHP
Kiến thức MySQL
Kiến thức JavaScript
Tên miền
Hosting
Thiết kế website
Giới thiệu
Trang chủ
Trang chủ
Giới thiệu
Thiết kế website
Hosting
Tên miền
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Kiến thức PHP
Kiến thức MySQL
Kiến thức JavaScript
Liên hệ
0398.259.259
Phương thức removeChild() xóa tất cả trong JavaScript
Phương thức removeChild() xóa tất cả trong JavaScript
Phương thức removeChild() xóa tất cả trong JavaScript
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html> <html> <head> <title>Phương thức removeChild() xóa tất cả trong JavaScript</title> </head> <body> <h1>Phương thức removeChild() xóa tất cả trong JavaScript</h1> <p>Phương thức removeChild() trong JavaScript dùng để xóa nút con HTML của một nút cha thông qua vị trí, id hoặc xóa tất cả các phần tử HTML con của một nút cha, ở ví dụ này mình xóa tất cả các nút con của nút cha:</p> <ul id="ulid" style="border:1px solid red; padding:20px"> <li>Trang chủ</li> <li>Giới thiệu</li> <li>Hosting</li> <li>Blog</li> <li>Liên hệ</li> </ul> <p>Click vào nút XÓA TẤT CẢ để xóa tất cả phần tử con của ul có id ulid</p> <button onclick="xoaTatCa()">XÓA TẤT CẢ</button> <script> function xoaTatCa() { const ulid = document.getElementById("ulid"); while (ulid.hasChildNodes()) { ulid.removeChild(ulid.firstChild); } } </script> </body> </html>
<!DOCTYPE html> <html> <head> <title>Phương thức removeChild() xóa tất cả trong JavaScript</title> </head> <body> <h1>Phương thức removeChild() xóa tất cả trong JavaScript</h1> <p>Phương thức removeChild() trong JavaScript dùng để xóa nút con HTML của một nút cha thông qua vị trí, id hoặc xóa tất cả các phần tử HTML con của một nút cha, ở ví dụ này mình xóa tất cả các nút con của nút cha:</p> <ul id="ulid" style="border:1px solid red; padding:20px"> <li>Trang chủ</li> <li>Giới thiệu</li> <li>Hosting</li> <li>Blog</li> <li>Liên hệ</li> </ul> <p>Click vào nút XÓA TẤT CẢ để xóa tất cả phần tử con của ul có id ulid</p> <button onclick="xoaTatCa()">XÓA TẤT CẢ</button> <script> function xoaTatCa() { const ulid = document.getElementById("ulid"); while (ulid.hasChildNodes()) { ulid.removeChild(ulid.firstChild); } } </script> </body> </html>
Phương thức removeChild() xóa tất cả trong JavaScript
nằm trong bài viết
Phương thức removeChild() trong JavaScript
0398.259.259
Messenger
Chỉ Đường
Gọi điện
