Phương thức insertAdjacentHTML afterbegin trong JavaScript

Phương thức insertAdjacentHTML afterbegin trong JavaScript

Phương thức insertAdjacentHTML afterbegin trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Phương thức insertAdjacentHTML afterbegin trong JavaScript</title>
</head>
<body>

<h1>Phương thức insertAdjacentHTML afterbegin trong JavaScript</h1>
<p>Chèn chuỗi HTML vào trước 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 trước 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 trước các phần tử con của thẻ div có id bằng divid
  divid.insertAdjacentHTML("afterbegin", chuoihtml);
}
</script>
</body>
</html>
Phương thức insertAdjacentHTML afterbegin trong JavaScript nằm trong bài viết Phương thức insertAdjacentHTML trong JavaScript