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 insertAdjacentHTML beforeend trong JavaScript
Phương thức insertAdjacentHTML beforeend trong JavaScript
Phương thức insertAdjacentHTML beforeend trong JavaScript
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html> <html> <head> <title>Phương thức insertAdjacentHTML beforeend trong JavaScript</title> </head> <body> <h1>Phương thức insertAdjacentHTML beforeend trong JavaScript</h1> <p>Chèn chuỗi HTML vào sau các phần tử con của một phần tử HTML cha:</p> <div id="divid" style="border:1px solid red; padding:10px; margin-bottom:10px"> <p>Thẻ p 1</p> <p>Thẻ p 2</p> <p>Thẻ p 3</p> </div> <button onclick="myFunction()">CHÈN</button> <p>Click "CHÈN" để chèn chuỗi HTML thẻ p màu đỏ vào sau các phần tử con của thẻ div màu đỏ</p> <script> function myFunction() { // lấy id cần chèn const divid = document.getElementById("divid"); // tạo chuỗi html cần chèn let chuoihtml = "<p style='color:red' >Thẻ p mới thêm</p>"; // chèn chuỗi html vào sau các phần tử con của thẻ div có id bằng divid divid.insertAdjacentHTML("beforeend", chuoihtml); } </script> </body> </html>
<!DOCTYPE html> <html> <head> <title>Phương thức insertAdjacentHTML beforeend trong JavaScript</title> </head> <body> <h1>Phương thức insertAdjacentHTML beforeend trong JavaScript</h1> <p>Chèn chuỗi HTML vào sau các phần tử con của một phần tử HTML cha:</p> <div id="divid" style="border:1px solid red; padding:10px; margin-bottom:10px"> <p>Thẻ p 1</p> <p>Thẻ p 2</p> <p>Thẻ p 3</p> </div> <button onclick="myFunction()">CHÈN</button> <p>Click "CHÈN" để chèn chuỗi HTML thẻ p màu đỏ vào sau các phần tử con của thẻ div màu đỏ</p> <script> function myFunction() { // lấy id cần chèn const divid = document.getElementById("divid"); // tạo chuỗi html cần chèn let chuoihtml = "<p style='color:red' >Thẻ p mới thêm</p>"; // chèn chuỗi html vào sau các phần tử con của thẻ div có id bằng divid divid.insertAdjacentHTML("beforeend", chuoihtml); } </script> </body> </html>
Phương thức insertAdjacentHTML beforeend trong JavaScript
nằm trong bài viết
Phương thức insertAdjacentHTML trong JavaScript
0398.259.259
Messenger
Chỉ Đường
Gọi điện
