今年は 256times で JavaScript が学べるクラスを展開していこうと思っているのですが、「質問が来るに違いない…」と思われるものを先回りしてコラムにしておきます。 【はじめに】 学習の段階にもよりますが、少し難しめのコラムとなっています。最初から ...

JavaScriptでHTMLの要素を操作するには、まず「どの要素を使うのか」を指定する必要があります。 そのときによく使われるのが querySelector() です。 初めて見たとき「CSSのこと？」と混乱したので、初心者向けにまとめてみました。 セレクタはCSSと同じ書き方 ...

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

Both of the methods above accept a 2nd parameter, see section Provide alternative node. This will change the starting element to search from i.e. it will find ancestors of that node that match the ...

What is :scope in the context of querySelector? :scope, when combined with the immediate child selector >, lets you query for elements that are immediate children of a HTMLElement instance. For ...