HTML要素にclassが指定されているか確認する

JavaScript,javascript CSSセレクタ

JavaScriptでHTML要素にclassが指定されているか確認するサンプルコードです。 See the Pen JavaScript | Check if the element has a class by yochans (@yo ...

親要素から子要素を取得するパターン集

JavaScript,javascript CSSセレクタ

JavaScriptでHTMLの親要素から子要素を取得するのサンプルコードのパターン集です。 このページではquerySelectorAll()を利用した方法を紹介しています。 See the Pen JavaScript | get ch ...

js-親要素のidやclassを取得する方法

JavaScript,javascript CSSセレクタ

JavaScriptで指定したHTML要素を持つ親要素を取得してそのidやclassを取得する方法のサンプルです。 See the Pen JavaScript | Get id and class of parent element by ...

querySelectorとquerySelectorAllの使い方、指定方法まとめ

2021-02-02JavaScript,javascript CSSセレクタ

JavaScriptで利用できるquerySelector()やquerySelectorAll()のセレクター指定パターンのまとめです。 querySelector()、querySelectorAll()の基本 指定方法は引数にカンマで ...

getElementsByClassNameで複数のclass名

2021-02-02JavaScript,javascript CSSセレクタ

JavaScriptのgetElementsByClassName()は指定したclass名が付与されているHTML要素(Elements)を取得する関数になります。 このページではgetElementsByClassName()で複数のc ...

classNameで複数のclass名を配列として取得する方法

2021-02-02JavaScript,javascript CSSセレクタ

JavaScriptのclassNameで複数のclass名を配列として取得する方法を紹介しています。 classNameで要素のclass名を取得する際、対象の要素のclass名が複数指定されている場合は配列ではなく半角スペース区切りでの ...

2021-02-02JavaScript,javascript CSSセレクタ,JavaScript 取得

JavaScriptを使ってクリック時などに要素のclassからidを取得する方法です。 クリック時・マウスホバー時・ドラッグ時などのパターンを紹介しています。 要素のクリック時にclassからidを取得する方法 JavaScriptを使っ ...