Document.querySelector() メソッド
Document.querySelector()
Document.querySelector() メソッドは、Document オブジェクト以下で引数のセレクターに該当する最初の Element オブジェクトを取得するメソッドです。
返り値は、Element オブジェクトです。
Document以下の該当する最初のエレメントを取得
var element_ = document.querySelector("p.class='example'");
詳しくは Example を参照してください
似たメソッドに querySelectorAll() がありますが、こちらは該当する オブジェクトを NodeList で返します。
Syntax
in JavaScript
このメソッドは、webページを構成するエレメントの中で該当する最初のエレメントを返します。返り値は Element インスタンスです。
Element = Document.querySelector( selecter );
引数(Parameter Values)
Value | 摘要 |
selecter | CSSにおけるセレクターで指定。例えば"element[attr=value]" |
Element.querySelector() メソッド
Element.querySelector()
Element.querySelector() メソッドは、Element オブジェクトの子孫エレメントから引数のセレクターに該当する最初のエレメントを取得するメソッドです。
返り値は、Element オブジェクトです。
querySelector()メソッド例
var child_element = element.querySelector("input[type='button']");
詳しくは Example を参照してください
似たメソッドに querySelectorAll() がありますが、こちらは該当する オブジェクトを NodeList で返します。
Syntax
in JavaScript
Element.querySelector()の場合では、その包括するエレメント内から引数のセレクターに該当する最初のエレメントを返します。返り値は Element インスタンスです。
Child_Element = Element.querySelector( selecter );
引数(Parameter Values)
Value | 摘要 |
selecter | CSSにおけるセレクターで指定。例えば"element[attr=value]" |
Example