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 -
Sau khi nhấp vào ‘Tên chính xác’ nút -