जावास्क्रिप्ट प्रदान किया है "insertAdjacentElement() "एक निर्दिष्ट स्थिति में पहले से मौजूद तत्व को सम्मिलित करने के लिए। यदि एक ही नाम के साथ कई तत्व हैं, तो उन्हें एक्सेस करने के लिए इंडेक्स का उपयोग करें क्योंकि हम सरणी तत्वों तक पहुंचते हैं।
वाक्यविन्यास
node.insertAdjacentHTML(position, element);
उदाहरण-1
निम्न उदाहरण में, वास्तव में समानांतर span1, span2, और शीर्षलेख में 3 तत्व हैं। विधि का उपयोग करना 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