HTML DOM insertAdjacentHTML() মেথড

ওভারভিউ

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

সিনট্যাক্স

node.insertAdjacentHTML("positionString", "htmlString")

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

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

HTML স্ট্রিংস

htmlString নিচের موارد হতে পারে:

positionString

<span>new span</span> অথবা <p>This is a new paragraph</p> অথবা অন্য যেকোনো বৈধ HTML কোড

উদাহরণ

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

<!DOCTYPE html> <html> <head> <title>insertAdjacentHTML()</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>insertAdjacentHTML( )</legend> <h1>Family Tree</h1> <span id="GrandFather">Grand Father --></span> <span id="Father">Father --></span> <span id="Myself">Myself</span> <input type="button" onclick="rectifyTree()" value="Son is born"> </fieldset> </form> <script>    function rectifyTree() {       var MSpan = document.getElementById("Myself");       MSpan.insertAdjacentHTML("afterend", "<span id='Son'>-->Son</span>");    } </script> </body> </html>

আউটপুট

'Son is born' বাটনে ক্লিক করার আগে:

HTML DOM insertAdjacentHTML() মেথড

'Son is born' বাটনে ক্লিক করার পর:

HTML DOM insertAdjacentHTML() মেথড