JavaScript DOM操作クイズ - プレイ中

1 第1問

ある要素のテキストコンテンツを「Hello World!」に変更したい場合、次のうちどのプロパティを使用するのが適切ですか？

A element.innerHTML = "Hello World!"

B element.innerText = "Hello World!"

C element.textContent = "Hello World!"

D element.value = "Hello World!"

2 第2問

`myDiv`というIDを持つ`div`要素に、`active`というCSSクラスを追加するための正しいJavaScriptコードはどれですか？

A document.getElementById("myDiv").className = "active";

B document.getElementById("myDiv").classList.add("active");

C document.getElementById("myDiv").style.class = "active";

D document.getElementById("myDiv").setAttribute("class", "active");

3 第3問

新しい`p`要素（段落）をJavaScriptで作成するための正しいメソッドは何ですか？

A document.createNode("p")

B document.createElement("p")

C document.makeElement("p")

D document.newElement("p")

4 第4問

`myElement`というIDを持つ要素の背景色を赤に変更するための正しいJavaScriptコードはどれですか？

A document.getElementById("myElement").style.backgroundColor = "red";

B document.getElementById("myElement").setAttribute("background-color", "red");

C document.getElementById("myElement").css("background-color", "red");

D document.getElementById("myElement").style("background-color: red;");

5 第5問

あるHTML要素がDOM上に存在し、その要素自身をDOMから削除する最も直接的な方法は何ですか？

A `element.delete();`

B `element.parentNode.removeChild(element);`

C `element.remove();`

D `document.removeElement(element);`

6 第6問

HTML要素の標準的な属性（例：`<img>`タグの`src`属性や`<input>`タグの`value`属性）の値を、HTML属性として設定するのではなく、JavaScriptのプロパティとして最も直接的に変更する方法は何ですか？

A `element.setAttributeProperty('attributeName', 'value');`

B `element.attributeName = 'value';` （例: `imageElement.src = 'new_image.jpg';`）

C `element.modifyAttr('attributeName', 'value');`

D `element.changeProperty('attributeName', 'value');`

7 第7問

あるHTML要素に、既存のクラスを上書きせずに`highlight`という新しいCSSクラスを追加する最も適切な方法はどれですか？

A `element.className += ' highlight';`

B `element.classList.add('highlight');`

C `element.addClass('highlight');`

D `element.class.add('highlight');`

8 第8問

ボタンのクリックイベントに、複数のイベントハンドラー関数を割り当てることができ、かつモダンなウェブ開発で推奨されるメソッドは何ですか？

A `button.onclick = myFunction;`

B `button.addEventListener('click', myFunction);`

C `button.attachEvent('onclick', myFunction);`

D `button.on('click', myFunction);`

9 第9問

あるHTML要素内のすべてのテキストコンテンツ（子要素のテキストも含むが、HTMLタグは含まず純粋なテキストとして）を取得または設定するために最も適切なプロパティは何ですか？

A `element.value`

B `element.innerText`

C `element.innerHTML`

D `element.textContent`