জাভাস্ক্রিপ্ট ৷ 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