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

Phương thức HTML DOM insertAdjacentText ()

Phương thức HTML DOM insertAdjacentText () chèn chuỗi văn bản tại một vị trí được chỉ định.

Cú pháp

Sau đây là cú pháp -

Gọi insertAdjacentText () với các tham số của positionString và văn bản

node.insertAdjacentText(“positionString”, text)

Chuỗi vị trí

Đây, “chuỗi vị trí” có thể như sau -

positionString Mô tả
afterbegin Nó chèn văn bản sau phần đầu của phần tử nút
afterend Nó chèn văn bản sau phần tử nút
beforebegin Nó chèn văn bản trước phần tử nút
trước Nó chèn văn bản trước phần cuối của phần tử nút

Ví dụ

Hãy để chúng tôi xem một ví dụ cho InsertAdjacentText () phương pháp -

<!DOCTYPE html>
<html>
<head>
<title>insertAdjacentText()</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>insertAdjacentText( )</legend>
<h1>First Muslim President of India</h1>
<h2 id="president">A.P.J Abdul Kalam</h2>
<input type="button" onclick="rectifyName()" value="Correct Name">
</fieldset>
</form>
<script>
   function rectifyName() {
      var presidentH2 = document.getElementById("president");
      presidentH2.insertAdjacentText("afterbegin", "DR. ");
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Trước khi nhấp vào ‘Tên chính xác’ nút -

Phương thức HTML DOM insertAdjacentText ()

Sau khi nhấp vào ‘Tên chính xác’ nút -

Phương thức HTML DOM insertAdjacentText ()