HTML DOM insertAdjacentText() মেথড

ওভারভিউ

HTML DOM insertAdjacentText() মেথড নির্দিষ্ট পজিশনে টেক্সট স্ট্রিং সংযোজন করে।

সিনট্যাক্স

node.insertAdjacentText("positionString", text)

পজিশন স্ট্রিংস

positionString	বিবরণ
afterbegin	নোড এলিমেন্টের শুরুতেই টেক্সট সংযোজন করে।
afterend	নোড এলিমেন্টের পরে টেক্সট সংযোজন করে।
beforebegin	নোড এলিমেন্টের আগে টেক্সট সংযোজন করে।
beforeend	নোড এলিমেন্টের শেষের আগে টেক্সট সংযোজন করে।

উদাহরণ

InsertAdjacentText() মেথডের উদাহরণ:

<!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>

আউটপুট

'Correct Name' বাটনে ক্লিক করার আগে:

HTML DOM insertAdjacentText() মেথড

'Correct Name' বাটনে ক্লিক করার পর:

HTML DOM insertAdjacentText() মেথড