Computer >> Máy Tính >  >> Lập trình >> Javascript

Chèn một văn bản HTML được chỉ định vào một vị trí được chỉ định trong tài liệu JavaScript?


Javascript đã cung cấp insertAdjacentHTML () để chèn một văn bản dưới dạng HTML, vào một vị trí được chỉ định. Các vị trí pháp lý đó là

  • tiền ký quỹ sau

  • sau

  • trước khi bắt đầu

  • trước

Mỗi vị trí pháp lý có tầm quan trọng riêng biệt. Hãy thảo luận về một số trong số chúng.

Ví dụ

Trong ví dụ sau, sử dụng " insertAdjacentHTML () "phương pháp và vị trí pháp lý" afterterend ", một văn bản mới được đặt liền kề với tiêu đề và kết quả được hiển thị trong đầu ra.

<html>
<body>
<h2 id="H2">Header</h2>
<script>
var ins = document.getElementById("H2");
ins.insertAdjacentHTML("afterend","<p>Tutorix is the best e-learning platform</p>");
</script>
</body>
</html>

Đầu ra

Header

Tutorix is the best e-learning platform


Ví dụ

Trong ví dụ sau, sử dụng " insertAdjacentHTML () "method and a legal position" beforeend ", một văn bản mới được đặt liền kề với tiêu đề và kết quả được hiển thị trong đầu ra.

<html>
<body>
<h2 id="H2">Header</h2>
<script>
var ins = document.getElementById("H2");
ins.insertAdjacentHTML("beforeend","<p>Tutorix is the best e-learning platform</p>");
</script>
</body>
</html>

Đầu ra

Header

Tutorix is the best e-learning platform