Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptで既存の子の前に子としてノードを挿入しますか?


Javascript insertBefore()を提供しました ノードを子として別の子の前に挿入するメソッド。リストが2つある場合は、メソッド insertBefore()を使用して、要件に基づいてそれらの間の要素をシャッフルできます。 。

構文

node.insertBefore(newnode, existingnode);
例-1

次の例では、2つのリストがあり、要件に基づいて、 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

  1. JavaScriptで文字列を繰り返しますか?

    文字列を繰り返すには、Join()と一緒にArray()を使用できます。 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <tit

  2. JavaScriptでDOMノードのすべての子要素を削除しますか?

    子要素を削除するには、innerHTMLを「」に設定します。 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>