जावास्क्रिप्ट ने insertBefore() मेथड प्रदान किया है जिसका उपयोग एक नोड को दूसरे चाइल्ड से पहले चाइल्ड के रूप में इन्सर्ट करने के लिए किया जाता है। यदि 2 लिस्ट हैं तो हम अपनी आवश्यकता के आधार पर insertBefore() मेथड का उपयोग करके उनके बीच एलिमेंट्स को शफल कर सकते हैं।
सिंटैक्स
node.insertBefore(newnode, existingnode);
उदाहरण-1
निम्नलिखित उदाहरण में, दो लिस्ट हैं और हमारी आवश्यकता के आधार पर insertBefore() मेथड का उपयोग करके लिस्ट्स को शफल किया गया है। लिस्ट में मल्टीपल एलिमेंट्स को एक्सेस करने के लिए हम उनके इंडेक्स का उपयोग कर सकते हैं।
<html> <body> <ul id="List1"> <li>Tesla </li><li>Solarcity </li> </ul> <ul id="List2"> <li>Google </li> <li>Drupal </li> </ul> <script> var node = document.getElementById("List2").firstChild; var list = document.getElementById("List1"); list.insertBefore(node, list.childNodes[1]); </script> </body> </html>
आउटपुट
Tesla Google Solarcity Drupal
उदाहरण-2
<html> <body> <ul id="List1"> <li>Tesla </li> <li>Solarcity </li> </ul> <ul id="List2"> <li>Google </li> <li>Drupal </li> </ul> <script> var node = document.getElementById("List2").firstChild; var list = document.getElementById("List1"); list.insertBefore(node, list.childNodes[0]); </script> </body> </html>
आउटपुट
Google Tesla Solarcity Drupal
