【PHP8.x】appendChildメソッドの使い方

appendChildメソッドは、DOM (Document Object Model) において、指定されたノードを、ある要素の子ノードリストの末尾に追加するメソッドです。Dom\HTMLElementクラスに属し、HTML要素に対して利用できます。

具体的には、このメソッドは引数として渡されたノードを、メソッドを呼び出した要素（親ノード）の最後の子として挿入します。もし、追加しようとするノードがすでにドキュメントツリー内に存在する場合、そのノードは現在の位置から削除され、新しい位置（親ノードの子ノードリストの末尾）に移動します。つまり、ノードがコピーされるのではなく、移動されるという点が重要です。

appendChildメソッドは、DOM構造を動的に変更する際に非常に役立ちます。例えば、JavaScriptなどを使って、ウェブページのコンテンツをユーザーの操作に応じて変更したり、動的に新しい要素を追加したりする場合によく利用されます。

appendChildメソッドの基本的な使用例は以下の通りです。

<?php

$dom = new DOMDocument();
$element = $dom->createElement('div');
$text = $dom->createTextNode('追加されるテキスト');

$element->appendChild($text); // $element（div要素）にテキストノードを追加

?>

この例では、まずDOMDocumentオブジェクトを作成し、createElementメソッドでdiv要素を作成しています。次に、createTextNodeメソッドでテキストノードを作成し、appendChildメソッドを使って、作成したテキストノードをdiv要素の子ノードとして追加しています。結果として、<div>追加されるテキスト</div>というDOM構造が生成されます。

appendChildメソッドは、新たな要素の追加だけでなく、既存の要素を別の場所に移動させる際にも利用できる柔軟性の高いメソッドです。DOM操作における基本的なメソッドの一つとして、システムエンジニアを目指す上で理解しておくべき重要な概念です。

Copy
1<?php
2$dom = new DOMDocument();
3$html = $dom->appendChild($dom->createElement('html'));
4$body = $html->appendChild($dom->createElement('body'));
5
6$element = $dom->createElement('p', 'Hello, world!');
7$body->appendChild($element);
8
9echo $dom->saveHTML();
10?>

Dom\Node $node

• Dom\Node $node: 追加したい子ノードを指定します。

Dom\Node

appendChild メソッドは、指定されたノードをこの要素の最後の子ノードとして追加します。このメソッドは、追加された子ノードである Dom\Node オブジェクトを返します。