जावास्क्रिप्ट ने पहले से मौजूद एलिमेंट को निर्दिष्ट पोजीशन में इन्सर्ट करने के लिए "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
निम्नलिखित उदाहरण में, वास्तव में 3 एलिमेंट्स समानांतर में 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
