`document.querySelector`は、JavaScriptで使われる非常に便利なメソッドの一つです。このメソッドを使用することで、HTMLドキュメント内の要素をCSSセレクターを用いて簡単に見つけることができます。CSSセレクターとは、HTML要素を指定するためのパターンです。

まず数値から始まるセレクタは使用できない。 かつ、下記の文字列は先頭に限らず使用することは出来ない。 これらの文字は制御コードに置き換える事で valid なセレクタとして使用することも可能だが、簡単にバックスラッシュでエスケープすることも ...

条件としては、属性セレクタが容易なquerySelector()またはquerySelectorAll()を使用する。 単純にdocument.querySelectorAll("[goods:id]")といった指定ではis not a valid selectorというエラーが発生してしまう。 これを回避するには下記のようにコロンの前にエスケープ(二重 ...

scalar selector will return single element composite selector will return array of elements. some elements are unique in html page. like head, body, title, id etc. In this case we will get single ...