JavaScript で要素を次々に挿入するにはどうすればよいですか?

JavaScript で要素を次々に挿入する

JavaScript には、要素を別の要素の前に挿入するための insertBefore() メソッドが用意されていますが、構築されたメソッドはありません。 -in 要素を次々に挿入するメソッド。これを実現するには、次のカスタム手法を利用できます:

解決策:

説明:

• referenceNode: 新しい要素を挿入する要素after.
• newNode: 挿入される新しい要素。
• parentNode: 参照ノードの親要素。
• nextSibling: 参照ノードに続くノード (最後の場合は null child).

insertBefore() は、挿入する新しいノードと新しいノードを配置する前のノードの 2 つの引数を取ります。 ReferenceNode.nextSibling を渡すことで、新しいノードが参照ノードの後に​​挿入されるようになります。

関数例:

使用法:

これにより、テキスト「test」を含むspan要素が、 ID が「foo」の div 要素。

以上がJavaScript で要素を次々に挿入するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。