Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Phương thức insertAdjacentElement afterbegin trong JavaScript</title>
</head>
<body>
<div id="divid">
	<p>Thẻ p</p>
    <p>Thẻ p</p>
    <p>Thẻ p</p>
</div>
<h1 id="h1id" style="color:red">Thẻ h1</h1>
<p>Click DI CHUYỂN để di chuyển phần tử h1 lên trước các phần tử con của thẻ div có id divid</p>
<button onclick="diChuyen()">DI CHUYỂN</button>
<div id="dividnut">
	<p>Thẻ p chèn nút mới</p>
    <p>Thẻ p chèn nút mới</p>
    <p>Thẻ p chèn nút mới</p>
</div>
<button onclick="chenNut()">CHÈN NÚT</button>
<p>Click CHÈN NÚT để chèn nút phần tử h2 trước các phần tử con của thẻ div có id dividnut</p>
<script>
function diChuyen() {
  // Lấy phần tử div id divid
  const divid = document.getElementById("divid");
  // Lấy phần tử h1 id h1id
  const h1id = document.getElementById("h1id");
  // Di chuyển phần tử h1 lên trước các phần tử con của thẻ div có id divid
  divid.insertAdjacentElement("afterbegin", h1id);
}
function chenNut() {
   // Lấy phần tử div id dividnut	
  const dividnut = document.getElementById("dividnut");
  // Tạo nút phần tử h2
  const h2 = document.createElement('h2');
  h2.textContent = 'Thẻ h2';
  // Chèn nút phần tử h2 trước các phần tử con của thẻ div có id dividnut
  dividnut.insertAdjacentElement("afterbegin", h2);
}
</script>
</body>
</html>

Phương thức insertAdjacentElement afterbegin trong JavaScript nằm trong bài viết Phương thức insertAdjacentElement trong JavaScript