HTML DOM সন্নিবেশ AdjacentElement( ) পদ্ধতি

HTML DOM insertAdjacentElement() পদ্ধতি একটি নির্দিষ্ট অবস্থানে একটি উপাদান সন্নিবেশ করায়।

সিনট্যাক্স

নিচের সিনট্যাক্স −

পজিশনস্ট্রিং এবং এলিমেন্টের প্যারামিটার সহ insertAdjacentElement() কল করা হচ্ছে

node.insertAdjacentElement(“positionString”, element)

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

এখানে, “positionString” নিম্নলিখিত −

হতে পারে

positionString	বিবরণ
শুরু করার পর	এটি নোড উপাদানের শুরুর পরে উপাদান সন্নিবেশ করায়
পরবর্তী	এটি নোড উপাদানের পরে উপাদান সন্নিবেশ করায়
শুরু করার আগে	এটি নোড উপাদানের আগে উপাদান সন্নিবেশ করায়
আগে	এটি নোড এলিমেন্টের শেষের আগে উপাদান সন্নিবেশ করায়

উদাহরণ

আসুন 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>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

'সঠিক পারিবারিক গাছ' ক্লিক করার আগে৷ বোতাম -

HTML DOM সন্নিবেশ AdjacentElement( ) পদ্ধতি

'সঠিক পারিবারিক গাছ' ক্লিক করার পরে৷ বোতাম -

HTML DOM সন্নিবেশ AdjacentElement( ) পদ্ধতি