Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【PHP8.x】Dom\HTMLElement::parentNodeプロパティの使い方

parentNodeプロパティの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

parentNodeプロパティは、現在のHTML要素の親ノードを保持するプロパティです。

HTMLやXMLなどの文書は、内部的に「DOMツリー」と呼ばれる階層構造で管理されており、要素が親子関係で配置されています。Dom\HTMLElementクラスに属するこのparentNodeプロパティは、現在のHTML要素がDOMツリー上でどの要素の直下にあるかを特定し、その要素を直接含んでいる一つ上の親ノードを表すDom\Nodeオブジェクトを返します。

もし、現在の要素がDOMツリーの最上位に位置しており、親となる要素が存在しない場合(例えば、<html>要素自体を扱っている場合など)には、このプロパティはnullを返します。

このプロパティは、Webページの動的な操作で非常に重要です。要素の階層構造を効率的に辿り、親要素の情報を参照したり、親要素に対して新しい要素を追加するなどの操作を行ったりする際に不可欠な機能を提供します。文書の構造をプログラムで柔軟に扱い、複雑なWebアプリケーションを構築するための基本的な道具の一つとなります。

構文(syntax)

1<?php
2
3$document = new Dom\Document();
4$document->loadHTML('<html><body><div id="myElement"><span>Child Node</span></div></body></html>');
5
6$myElement = $document->getElementById('myElement');
7
8if ($myElement instanceof Dom\HTMLElement) {
9    // Dom\HTMLElement の parentNode プロパティにアクセスし、親ノードを取得します。
10    // 親ノードが存在しない場合は null を返します。
11    $parentNode = $myElement->parentNode;
12
13    if ($parentNode !== null) {
14        echo "Parent Node Name: " . $parentNode->nodeName . "\n";
15    } else {
16        echo "No parent node found for myElement.\n";
17    }
18}
19
20?>

引数(parameters)

引数なし

引数はありません

戻り値(return)

Dom\Node|null

このプロパティは、この要素の親ノードを返します。親ノードがない場合は null を返します。

サンプルコード

PHP DOM parentNodeで親要素を取得する

1<?php
2
3// システムエンジニアを目指す初心者向け
4// PHP 8 の Dom\HTMLElement クラスの parentNode プロパティの使用例
5
6/**
7 * HTML要素の親ノードを取得する方法を示します。
8 * Dom\HTMLElement::parentNode は、要素の親ノードを Dom\Node 型または null で返します。
9 */
10function demonstrateDomParentNode(): void
11{
12    // 1. 新しい DOMDocument インスタンスを作成します。
13    //    これは、HTML または XML ドキュメント全体を表すオブジェクトです。
14    $dom = new DOMDocument();
15
16    // 2. 簡単なHTMLコンテンツをロードします。
17    //    エラーレポートを抑制して、HTML解析時の潜在的な警告を防ぎます。
18    @$dom->loadHTML('<!DOCTYPE html><html><body><div id="container"><p id="myParagraph">Hello PHP Dom</p></div></body></html>');
19
20    // 3. 親ノードを取得したい特定のHTML要素(ここでは <p> タグ)を取得します。
21    //    getElementsByTagName は DOMNodeList を返します。
22    $paragraphs = $dom->getElementsByTagName('p');
23
24    // p要素が見つかったか確認します。
25    if ($paragraphs->length > 0) {
26        /**
27         * @var \DOMElement $myParagraphElement
28         * DOMElement は Dom\HTMLElement を実装しており、parentNode プロパティを持ちます。
29         * ここでは、最初の <p> 要素を取得しています。
30         */
31        $myParagraphElement = $paragraphs->item(0);
32
33        echo "元の要素のタグ名: " . $myParagraphElement->nodeName . "\n"; // 例: p
34
35        // 4. parentNode プロパティにアクセスして、親ノードを取得します。
36        //    これは Dom\Node のインスタンス、または親が存在しない場合は null を返します。
37        $parentNode = $myParagraphElement->parentNode;
38
39        // 5. 親ノードが存在するかを確認し、その情報を出力します。
40        if ($parentNode instanceof \Dom\Node) {
41            echo "親要素のタグ名: " . $parentNode->nodeName . "\n"; // 例: div
42            echo "親要素のノードタイプ: " . $parentNode->nodeType . " (1 は ELEMENT_NODE を意味します)\n";
43        } else {
44            echo "親ノードは見つかりませんでした。\n";
45        }
46    } else {
47        echo "HTMLコンテンツ内にp要素が見つかりませんでした。\n";
48    }
49}
50
51// 関数を実行してデモンストレーションを開始します。
52demonstrateDomParentNode();
53
54?>

PHP 8のDom\HTMLElement::parentNodeプロパティは、HTMLドキュメント内の特定のHTML要素(ノード)の親要素を取得するために使用されます。このプロパティは引数を取りません。戻り値はDom\Nodeオブジェクト、または親要素が存在しない場合はnullとなります。

サンプルコードでは、まずDOMDocumentクラスを用いて簡単なHTMLコンテンツを読み込んでいます。これは、ウェブページ全体の構造を表す基盤となります。次に、getElementsByTagNameメソッドを使って、ドキュメントの中から特定のタグ名(この例では<p>タグ)を持つ要素を取得しています。

取得した<p>要素はDom\HTMLElementクラス、またはその派生クラスのインスタンスとして扱われます。この要素に対してparentNodeプロパティにアクセスすることで、その要素の直上位にある親要素を取得できます。例えば、<p>タグが<div>タグの内側にある場合、parentNodeプロパティは<div>タグの要素を返します。

コードでは、取得した親ノードが実際にDom\Nodeのインスタンスであるかを確認し、そのタグ名(例:div)やノードタイプを出力しています。親ノードが存在しない場合(例えば、HTMLドキュメントのルート要素のparentNodeにアクセスした場合など)にはnullが返されるため、戻り値がnullでないかをチェックする処理が重要です。これにより、HTMLドキュメントの階層構造をプログラムで正確にたどることが可能になります。

Dom\HTMLElement::parentNodeプロパティは、HTML要素の親ノードを取得しますが、親が存在しない場合はnullを返します。そのため、取得した値がnullでないこと、そしてDom\Nodeインスタンスであることの両方を必ずif文などで確認するようにしてください。返されるノードは汎用的なDom\Node型であり、常にHTML要素を表すDom\HTMLElementであるとは限りません。例えば、ドキュメントルートの親はnullを返します。サンプルコードではloadHTMLでエラー抑制をしていますが、実運用ではHTML解析時のエラーを適切に処理し、堅牢なコードを記述することを検討してください。

関連コンテンツ

関連プログラミング言語

【PHP8.x】Dom\HTMLElement::parentNodeプロパティの使い方 | いっしー@Webエンジニア