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

querySelectorメソッドの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

querySelectorメソッドは、HTMLドキュメント内で指定されたCSSセレクターに一致する最初の要素を見つけ出すメソッドです。このメソッドは、PHPのDom\HTMLDocumentクラスの一部として提供され、ウェブページのような構造化されたHTMLコンテンツをプログラムで解析し、特定の情報にアクセスするために利用されます。

システムエンジニアを目指す初心者の方にとって、ウェブサイトから特定のデータを取り出したり、動的にコンテンツを操作したりする際に、この機能は非常に重要です。例えば、とあるウェブページから特定の記事のタイトルだけを取得したい場合や、フォームの入力欄にアクセスして値を設定したい場合などに役立ちます。

CSSセレクターとは、ウェブページのデザインを記述するCSSで要素を指定する際に用いる文法と同じものです。これにより、要素のID(例: #myId)、クラス(例: .myClass)、タグ名(例: div)、属性(例: [name="username"])など、様々な条件で対象の要素を正確に特定できます。

querySelectorメソッドは、指定されたセレクターに合致する要素が複数存在する場合でも、ドキュメントの読み込み順で最初に見つかった要素だけを返します。見つかった要素はDom\Elementクラスのオブジェクトとして返され、その要素に対してさらに属性の取得や内容の変更といった操作を行うことができます。もし、指定したセレクターに一致する要素がドキュメント内に一つも見つからなかった場合は、nullが返されます。このメソッドを使うことで、HTMLドキュメントの構造を理解し、目的の要素を効率的に操作できるようになります。

構文(syntax)

1<?php
2
3$htmlDocument = new Dom\HTMLDocument();
4$htmlDocument->loadHTML('<html><body><div id="unique-id"></div></body></html>');
5
6$firstMatchingElement = $htmlDocument->querySelector('#unique-id');
7
8?>

引数(parameters)

string $selectors

  • string $selectors: 検索したいCSSセレクターを指定する文字列

戻り値(return)

?Dom\Element

DOMツリーの中から、指定されたCSSセレクタに一致する最初の要素を返します。一致する要素がない場合は null を返します。

関連コンテンツ

【PHP8.x】querySelectorメソッドの使い方 | いっしー@Webエンジニア