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() node mới trong JavaScript
Phương thức insertBefore() node mới trong JavaScript
Phương thức insertBefore() node mới trong JavaScript
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html> <html> <head> <title>Phương thức insertBefore() node mới trong JavaScript</title> </head> <body> <ul id="ulid"> <li>Giới thiệu</li> <li>Blog</li> </ul> <p>Nhấn vào nút THÊM NODE HTML để tạo thẻ li và thêm vào ul.</p> <button onclick="themNodeHtml()">THÊM NODE HTML</button> <script> function themNodeHtml() { // Tạo phần tử HTML LI const nodeli = document.createElement("li"); // Tạo node văn vản const nodechu = document.createTextNode("Trang chủ"); // Thêm node chữ vào node phần tử HTML vừa tạo nodeli.appendChild(nodechu); // Lấy ID của thẻ UL const ulid = document.getElementById("ulid"); // Chèn node li mới tạo vào ul ở trước vị trí 0 (vị trí đầu tiên), bạn có thể chọn children là 1 hoặc 2 ulid.insertBefore(nodeli, ulid.children[0]); } </script> </body> </html>
<!DOCTYPE html> <html> <head> <title>Phương thức insertBefore() node mới trong JavaScript</title> </head> <body> <ul id="ulid"> <li>Giới thiệu</li> <li>Blog</li> </ul> <p>Nhấn vào nút THÊM NODE HTML để tạo thẻ li và thêm vào ul.</p> <button onclick="themNodeHtml()">THÊM NODE HTML</button> <script> function themNodeHtml() { // Tạo phần tử HTML LI const nodeli = document.createElement("li"); // Tạo node văn vản const nodechu = document.createTextNode("Trang chủ"); // Thêm node chữ vào node phần tử HTML vừa tạo nodeli.appendChild(nodechu); // Lấy ID của thẻ UL const ulid = document.getElementById("ulid"); // Chèn node li mới tạo vào ul ở trước vị trí 0 (vị trí đầu tiên), bạn có thể chọn children là 1 hoặc 2 ulid.insertBefore(nodeli, ulid.children[0]); } </script> </body> </html>
Phương thức insertBefore() node mới 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
