セレクタ 問題

練習問題3-1

id名が"example"の要素を取得し、その要素のテキストを取得してコンソールに出力するコードを作成しなさい。

練習問題3-2

class名が"button"の最初の要素を取得し、その要素に"clicked"というクラスを追加するコードを作成しなさい。

練習問題3-3

要素名が"p"で、class名が"warning"の要素をすべて取得し、それぞれの要素のテキストを取得してコンソールに出力するコードを作成しなさい。

練習問題3-4

要素名が"input"で、type属性が"submit"の要素を取得し、その要素のvalue属性の値をコンソールに出力するコードを作成しなさい。

練習問題3-5

id名が"container"の要素内にある、class名が"item"の要素をすべて取得し、それぞれの要素のテキストをコンソールに出力するコードを作成しなさい。

練習問題3-6

id名が"menu"の要素内にある、class名が"active"の要素を取得し、その要素から"data-value"属性の値を取得してコンソールに出力するコードを作成しなさい。

練習問題3-7

要素名が"h2"の最初の要素を取得し、その要素の直後にある要素をすべて取得し、それぞれの要素のテキストをコンソールに出力するコードを作成しなさい。

練習問題3-8

name属性が"email"の要素をすべて取得し、そのうちの最後の要素のvalue属性の値をコンソールに出力するコードを作成しなさい。