Javascript đã cung cấp insertBefore () để chèn một nút dưới dạng nút con trước nút con khác. Nếu có 2 danh sách, chúng tôi có thể xáo trộn các phần tử giữa chúng dựa trên yêu cầu của chúng tôi bằng cách sử dụng phương thức insertBefore () .
cú pháp
node.insertBefore(newnode, existingnode);
Ví dụ-1
Trong ví dụ sau, có hai danh sách và dựa trên yêu cầu của chúng tôi, các danh sách đã được xáo trộn bằng cách sử dụng insertBefore () phương pháp . Để truy cập nhiều phần tử trong một danh sách, chúng tôi có thể sử dụng chỉ mục của chúng.
<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> Đầu ra
Tesla Google Solarcity Drupal
Ví dụ-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> Đầu ra
Google Tesla Solarcity Drupal