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

【PHP8.x】DOMElement::previousSiblingプロパティの使い方

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

作成日: 更新日:

基本的な使い方

previousSiblingプロパティは、現在のDOM要素の直前の兄弟ノードを表すDOMNodeオブジェクトを保持するプロパティです。

DOM (Document Object Model) は、HTMLやXMLドキュメントをプログラムから操作するためのインターフェースです。DOMElementクラスは、HTMLやXMLドキュメント内の要素(タグ)を表すクラスであり、previousSiblingプロパティはその要素の兄弟要素に関する情報を取得するために使用されます。

具体的には、あるDOMElementオブジェクト(例えば、HTMLの<p>タグ)に対して、previousSiblingプロパティにアクセスすると、その<p>タグの直前に位置する兄弟ノード(同じ親要素を持つノード)が返されます。この兄弟ノードもDOMNodeオブジェクトとして返されるため、さらにそのノードのプロパティやメソッドにアクセスすることで、詳細な情報を取得したり、操作したりすることができます。

もし、現在の要素が最初の兄弟ノードである場合、つまり直前の兄弟ノードが存在しない場合は、previousSiblingプロパティはnullを返します。

このプロパティは、ドキュメント内の要素を順番に辿ったり、特定の要素の周囲の要素を調べたりする際に非常に役立ちます。例えば、リスト構造の要素を処理する際に、前の要素の情報を取得する必要がある場合などに利用できます。previousSiblingプロパティを使用することで、DOMツリー構造を効率的にナビゲートし、ドキュメントの内容を動的に変更することが可能になります。

構文(syntax)

1DOMElement::$previousSibling;

引数(parameters)

引数なし

引数はありません

戻り値(return)

DOMNode|null

previousSiblingプロパティは、現在のDOMElementノードの直前の兄弟ノード、またはnullを返します。

サンプルコード

PHP DOMElement::previousSiblingで前の兄弟ノードを取得する

1<?php
2
3/**
4 * DOMElement::previousSibling プロパティの使用例を示す関数です。
5 *
6 * このプロパティは、現在の要素の直前にある兄弟ノードを取得します。
7 * HTMLの改行やインデントもテキストノードとして扱われるため、
8 * その点が初心者にとっての注意点です。
9 */
10function getPreviousSiblingExample(): void
11{
12    // 処理対象となるHTMLコンテンツを定義します。
13    // ここでは、<li>要素間に改行とインデントがあるため、これらがDOMツリー上ではテキストノードとして扱われます。
14    $html = <<<HTML
15    <ul id="myList">
16        <li>アイテム1</li>
17        <li>アイテム2</li>
18        <li>アイテム3</li>
19    </ul>
20    HTML;
21
22    // DOMDocumentインスタンスを作成します。
23    // これを使ってHTMLコンテンツを解析し、DOMツリーを構築します。
24    $dom = new DOMDocument();
25
26    // HTMLの読み込み時に発生する可能性のある警告(例: HTML5タグの unknown warning など)を抑制します。
27    libxml_use_internal_errors(true);
28    $dom->loadHTML($html);
29    libxml_clear_errors(); // 内部エラーバッファをクリアします。
30
31    // IDが "myList" の <ul> 要素をDOMツリーから取得します。
32    $ulElement = $dom->getElementById('myList');
33
34    if (!$ulElement) {
35        echo "エラー: ID 'myList' の要素が見つかりませんでした。\n";
36        return;
37    }
38
39    // ターゲットとなる2番目の <li> 要素 ('アイテム2') を取得します。
40    // childNodes はテキストノード(改行など)も含むため、DOMElement 型のノードを探す必要があります。
41    $targetElement = null;
42    foreach ($ulElement->childNodes as $child) {
43        // ノードが DOMElement 型であり、かつその内容が 'アイテム2' であるかを確認します。
44        if ($child instanceof DOMElement && $child->nodeValue === 'アイテム2') {
45            $targetElement = $child;
46            break;
47        }
48    }
49
50    if ($targetElement instanceof DOMElement) {
51        echo "現在の要素: '{$targetElement->nodeValue}' (タグ名: {$targetElement->tagName})\n\n";
52
53        // DOMElement::previousSibling プロパティを使用して、現在の要素の直前にある兄弟ノードを取得します。
54        // このプロパティは、要素ノードだけでなく、テキストノードなどあらゆる種類の兄弟ノードを返します。
55        $previousNode = $targetElement->previousSibling;
56
57        if ($previousNode instanceof DOMNode) {
58            echo "前の兄弟ノードが見つかりました。\n";
59            echo "  - ノードタイプ名: {$previousNode->nodeName}\n";
60            echo "  - ノードタイプ数値: {$previousNode->nodeType}\n";
61
62            // 取得したノードのタイプに応じて情報を表示します。
63            if ($previousNode->nodeType === XML_ELEMENT_NODE) {
64                // 前の兄弟ノードが要素ノード(例: <li>)の場合
65                echo "  - これは要素ノードです。タグ名: {$previousNode->tagName}, 内容: '{$previousNode->nodeValue}'\n";
66            } elseif ($previousNode->nodeType === XML_TEXT_NODE) {
67                // 前の兄弟ノードがテキストノードの場合(HTMLソースの改行やインデントであることが多い)
68                echo "  - これはテキストノードです。内容: '" . trim($previousNode->nodeValue) . "'\n";
69                echo "  (注: HTMLソースの改行やインデントがDOMではテキストノードとして扱われることがあります。)\n";
70            } else {
71                // その他のノードタイプの場合
72                echo "  - その他のノードタイプです。\n";
73            }
74        } else {
75            // 前の兄弟ノードが存在しない場合(例: 対象要素が最初の子ノードである場合)
76            echo "前の兄弟ノードは見つかりませんでした。\n";
77        }
78    } else {
79        echo "エラー: 対象の要素 ('アイテム2') が見つかりませんでした。\n";
80    }
81}
82
83// 上記の関数を実行して、DOMElement::previousSibling の動作を確認します。
84getPreviousSiblingExample();

DOMElement::previousSiblingは、PHPのDOM拡張機能で、HTML要素を表すDOMElementオブジェクトの直前にある兄弟ノードを取得するためのプロパティです。このプロパティは引数を取りません。直前の兄弟ノードが存在すればDOMNodeオブジェクトを返し、存在しない場合はnullを返します。

システムエンジニアを目指す初心者の方は、HTMLソースコード中の改行やインデントもDOMツリー上では「テキストノード」として扱われる点にご注意ください。そのため、要素と要素の間に改行などがあると、previousSiblingプロパティは要素ではなく、そのテキストノードを返すことがあります。

提供されたサンプルコードでは、<ul>要素内の「アイテム2」という<li>要素を対象としています。この<li>要素の直前にはHTMLソース上の改行とインデントがあるため、previousSiblingプロパティはテキストノードを返します。コードは、取得したノードが要素ノードかテキストノードかを判断し、それぞれの情報を表示することで、previousSiblingが要素以外の兄弟ノードも対象とすることを具体的に示しています。これにより、DOMツリーを走査する際に、改行やインデントなどのテキストノードの存在を考慮する必要があることを理解できます。

DOMElement::previousSiblingプロパティは、現在の要素の直前にある兄弟ノードを取得します。システムエンジニアを目指す初心者の方にとって特に注意が必要なのは、HTMLソースの改行やインデントもDOMツリーではテキストノード(XML_TEXT_NODE)として扱われるため、意図せずこれらのノードが返される可能性がある点です。取得したノードが期待する要素ノードであるかを確認するためには、nodeTypeプロパティでノードの種類を判別したり、instanceof DOMElementで型をチェックしたりする処理が不可欠です。

このプロパティの戻り値はDOMNodeまたはnullです。対象要素が最初の子ノードである場合など、直前に兄弟ノードが存在しない場合はnullが返されますので、必ずnullチェックを行い、ノードの存在を確認してから処理を進めてください。DOMDocument::loadHTML()でHTMLを解析する際にlibxml_use_internal_errors(true)で警告を抑制していますが、実際のシステム開発ではエラーを適切にログに記録するなど、より堅牢なエラーハンドリングを検討することが重要です。

DOMElement::previousSiblingで前の兄弟ノードを取得する

1<?php
2
3/**
4 * DOMElement::previousSibling プロパティの使用方法を示すサンプルコード。
5 *
6 * このプロパティは、現在の要素の直前にある兄弟ノードを返します。
7 * 兄弟ノードが存在しない場合は null を返します。
8 * DOMツリーでは、要素間の改行やインデントのための空白も「テキストノード」として扱われることがあります。
9 */
10function demonstratePreviousSibling(): void
11{
12    // DOMDocumentインスタンスを作成
13    $dom = new DOMDocument();
14
15    // サンプルHTMLを読み込みます。
16    // 要素間に改行とインデントを入れることで、DOMTextノードが生成されるケースも示します。
17    $html = <<<HTML
18    <div>
19        <p id="first">最初の段落</p>
20        <!-- これはコメントノードです -->
21        <span id="middle">真ん中のスパン</span>
22        <p id="last">最後の段落</p>
23    </div>
24    HTML;
25    
26    // HTMLをDOMにロードします。
27    // LIBXML_HTML_NOIMPLIED と LIBXML_HTML_NODEFDTD は、
28    // HTMLパーサーが自動的に<html>, <body>などのタグを追加するのを防ぎ、
29    // 生成されるDOMツリーをシンプルに保つのに役立ちます。
30    $dom->loadHTML($html, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD);
31
32    // IDが "last" の要素(<p id="last">最後の段落</p>)を取得します。
33    $currentElement = $dom->getElementById('last');
34
35    if ($currentElement instanceof DOMElement) {
36        echo "現在の要素: '{$currentElement->nodeValue}' (タグ名: {$currentElement->tagName})\n\n";
37
38        // 現在の要素から遡って、すべての前の兄弟ノードを順に表示します。
39        $node = $currentElement;
40        $counter = 0;
41
42        while ($node !== null) {
43            $node = $node->previousSibling; // previousSibling プロパティにアクセス
44
45            if ($node === null) {
46                echo "--- これ以上、前の兄弟ノードは存在しません (null) ---\n";
47                break;
48            }
49
50            $counter++;
51            echo "--- #{$counter} 前の兄弟ノード ---\n";
52            echo "  ノード名: {$node->nodeName}\n"; // 例: p, span, #text, #comment
53            echo "  ノードタイプ: {$node->nodeType} "; // 例: XML_ELEMENT_NODE=1, XML_TEXT_NODE=3, XML_COMMENT_NODE=8
54
55            // ノードタイプに応じて詳細情報を表示し、理解を助けます。
56            switch ($node->nodeType) {
57                case XML_ELEMENT_NODE: // 要素ノード (<p>, <span>など)
58                    echo "(XML_ELEMENT_NODE)\n";
59                    echo "  タグ名: {$node->tagName}\n";
60                    echo "  コンテンツ: '{$node->nodeValue}'\n";
61                    if ($node->hasAttribute('id')) {
62                        echo "  ID属性: '{$node->getAttribute('id')}'\n";
63                    }
64                    break;
65                case XML_TEXT_NODE: // テキストノード (要素間の空白や改行など)
66                    echo "(XML_TEXT_NODE)\n";
67                    // テキストノードの値は空白を含むことがあるため、trim()で整形して表示
68                    echo "  コンテンツ (整形済み): '" . trim($node->nodeValue) . "'\n";
69                    break;
70                case XML_COMMENT_NODE: // コメントノード (<!-- ... -->)
71                    echo "(XML_COMMENT_NODE)\n";
72                    echo "  コメント内容: '{$node->nodeValue}'\n";
73                    break;
74                default: // その他のノードタイプ
75                    echo "(その他のノードタイプ)\n";
76                    echo "  コンテンツ: '{$node->nodeValue}'\n";
77                    break;
78            }
79            echo "\n";
80        }
81    } else {
82        echo "エラー: 指定されたIDの要素 ('last') が見つかりませんでした。HTML構造を確認してください。\n";
83    }
84}
85
86// 関数を実行して動作を確認します。
87demonstratePreviousSibling();
88
89?>

DOMElement::previousSiblingプロパティは、PHPでHTMLやXMLなどのDOM文書を操作する際に、現在の要素の直前にある兄弟ノードを取得するために使用されます。このプロパティに引数はなく、直前の兄弟ノードがDOMNodeオブジェクトとして返されますが、兄弟ノードが存在しない場合はnullを返します。これにより、DOMツリー内で要素間の関係をプログラムで遡って調べていくことが可能になります。

サンプルコードでは、要素間に改行やコメントを含むHTMLをDOMDocumentに読み込み、IDが"last"の<p>要素を現在の要素として取得しています。そして、この現在の要素からpreviousSiblingプロパティを繰り返し呼び出すことで、直前の兄弟ノードを順に辿っています。previousSiblingは、通常の要素ノードだけでなく、HTML内の改行やインデントによって生成されるテキストノード、さらにはコメントノードも兄弟ノードとして認識し、それらを順番に返します。コードの実行結果は、取得した各ノードのタイプ(要素、テキスト、コメント)とその具体的な内容を詳細に表示し、previousSiblingがDOMツリー上をどのように遡るかを示しています。最終的に前の兄弟ノードがなくなるとnullが返され、処理が終了します。このサンプルは、DOMツリーの構造とpreviousSiblingの具体的な動作を理解する上で非常に分かりやすい例となっています。

DOMElement::previousSiblingは、現在の要素の直前にある兄弟ノードを返しますが、HTML構造によっては要素間の改行や空白がDOMTextノードとして、コメントがDOMCommentノードとして認識される点に注意が必要です。期待する要素ノードだけを扱いたい場合は、返されたDOMNodenodeTypetagNameを確認し、適宜スキップする処理を加えてください。兄弟ノードが存在しない場合はnullが返されるため、必ずnullチェックを行い、処理の終了条件として利用することが重要です。DOMDocument::loadHTMLのオプションでLIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTDを指定すると、自動生成されるタグを減らし、DOMツリーをシンプルに保つことができます。

関連コンテンツ

関連IT用語

関連プログラミング言語