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 insertBefore() di chuyển node trong JavaScript
Phương thức insertBefore() di chuyển node trong JavaScript
Phương thức insertBefore() di chuyển node trong JavaScript
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html> <html> <head> <title>Phương thức insertBefore() di chuyển node trong JavaScript</title> </head> <body> <ul id="ulmot"> <li>Giới thiệu</li> <li>Hosting</li> </ul> <ul id="ulhai"> <li>Blog</li> <li>Tên miền</li> <li>Liên hệ</li> </ul> <p>Nhấn vào nút DI CHUYỂN NODE để di chuyển li liên hệ từ ul hai về ul một </p> <button onclick="diChuyenNode()">DI CHUYỂN NODE</button> <script> function diChuyenNode() { // Lấy li cuối cùng của ul hai const nodeli = document.getElementById("ulhai").lastElementChild; // Lấy ID của ul một const ulmot = document.getElementById("ulmot"); // Di chuyển li cuối cùng của ul hai về vị trí trước vị trí 0 hiện tại của ul một, có thể tùy chọn trước vị trí 1, nếu muốn để vị trí cuối cùng thì thay ulmot.children[0] thành null. ulmot.insertBefore(nodeli, ulmot.children[0]); } </script> </body> </html>
<!DOCTYPE html> <html> <head> <title>Phương thức insertBefore() di chuyển node trong JavaScript</title> </head> <body> <ul id="ulmot"> <li>Giới thiệu</li> <li>Hosting</li> </ul> <ul id="ulhai"> <li>Blog</li> <li>Tên miền</li> <li>Liên hệ</li> </ul> <p>Nhấn vào nút DI CHUYỂN NODE để di chuyển li liên hệ từ ul hai về ul một </p> <button onclick="diChuyenNode()">DI CHUYỂN NODE</button> <script> function diChuyenNode() { // Lấy li cuối cùng của ul hai const nodeli = document.getElementById("ulhai").lastElementChild; // Lấy ID của ul một const ulmot = document.getElementById("ulmot"); // Di chuyển li cuối cùng của ul hai về vị trí trước vị trí 0 hiện tại của ul một, có thể tùy chọn trước vị trí 1, nếu muốn để vị trí cuối cùng thì thay ulmot.children[0] thành null. ulmot.insertBefore(nodeli, ulmot.children[0]); } </script> </body> </html>
Phương thức insertBefore() di chuyển node trong JavaScript
nằm trong bài viết
Phương thức insertBefore() trong JavaScript
0398.259.259
Messenger
Chỉ Đường
Gọi điện
