জাভাস্ক্রিপ্ট ৷ "insertAdjacentElement() প্রদান করেছে৷ " একটি নির্দিষ্ট অবস্থানে একটি ইতিমধ্যে বিদ্যমান উপাদান সন্নিবেশ করান৷ যদি একই নামের একাধিক উপাদান থাকে তবে আমরা অ্যারে উপাদানগুলি অ্যাক্সেস করার সাথে সাথে সেগুলি অ্যাক্সেস করতে সূচীগুলি ব্যবহার করুন৷
সিনট্যাক্স
node.insertAdjacentHTML(position, element);
উদাহরণ-1
নিম্নলিখিত উদাহরণে, আসলে 3টি উপাদান সমান্তরাল span1, span2 এবং শিরোনামে রয়েছে৷ insertAdjacentElement() পদ্ধতি ব্যবহার করে আমরা span1 উপাদানটি স্থাপন করেছি আউটপুটে দেখানো হিসাবে হেডারের নীচে।
<html>
<body>
<span>My span1</span>
<span>My span2</span>
<h2 id="H2">My Header</h2>
<script>
var s = document.getElementsByTagName("span")[0];
var h = document.getElementById("H2");
h.insertAdjacentElement("afterend", s);
</script>
</body>
</html> আউটপুট
My span2 My Header My span1
উদাহরণ-2
নিম্নলিখিত উদাহরণে, আসলে ৩টি উপাদান আছে৷ সমান্তরালে span1, span2, এবং হেডার . insertAdjacentElement() পদ্ধতি ব্যবহার করে আমরা span2 উপাদানটি স্থাপন করেছি আউটপুটে দেখানো হিসাবে হেডারের নীচে। যদি একাধিক উপাদান থাকে তবে একটি অ্যারের মতো উপাদানগুলি অ্যাক্সেস করে, ইনডেক্সের মাধ্যমে অ্যাক্সেস করা।
<html>
<body>
<span>My span1</span>
<span>My span2</span>
<h2 id="H2">My Header</h2>
<script>
var s = document.getElementsByTagName("span")[1];
var h = document.getElementById("H2");
h.insertAdjacentElement("afterend", s);
</script>
</body>
</html> আউটপুট
My span1 My Header My span2
