HTML DOM insertAdjacentElement() মেথড

ওভারভিউ

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

সিনট্যাক্স

node.insertAdjacentElement("positionString", element)

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

"positionString" নিচের মানগুলো হতে পারে:

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

উদাহরণ

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

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

আউটপুট

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

HTML DOM insertAdjacentElement() মেথড

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

HTML DOM insertAdjacentElement() মেথড