DOMマスターへの道！JavaScript DOM操作クイズでスキルアップ🚀 - プレイ中

1 第1問

JavaScriptで、HTML要素のテキストコンテンツを変更するために使用するプロパティはどれですか？

A element.innerHTML

B element.textContent

C element.innerText

D element.value

2 第2問

JavaScriptで、新しいHTML要素を作成するために使用する方法はどれですか？

A document.createElement()

B document.newElement()

C document.addElement()

D new HTMLElement()

3 第3問

JavaScriptで、HTML要素を削除するために使用する方法はどれですか？

A element.removeNode()

B element.delete()

C element.remove()

D element.destroy()

4 第4問

JavaScriptで、要素のクラスリストにクラスを追加するために使用する方法はどれですか？

A element.class = 'newClass'

B element.className = 'newClass'

C element.classList.add('newClass')

D element.addClass('newClass')

5 第5問

JavaScriptで、要素の属性の値を取得するために使用する方法はどれですか？

A element.getAttribute()

B element.getProperty()

C element.attribute()

D element.value()

6 第6問

JavaScriptで、指定されたセレクタに一致する最初の要素を返すメソッドは何ですか？

A document.querySelectorAll()

B document.getElementsByClassName()

C document.getElementById()

D document.querySelector()

7 第7問

JavaScriptで、親要素に新しい子要素を追加するために使用する方法はどれですか？

A parentElement.addChild()

B parentElement.appendChild()

C parentElement.insertChild()

D parentElement.append()

8 第8問

JavaScriptで、要素のスタイルを直接変更するために使用するプロパティは何ですか？

A element.css

B element.style

C element.styles

D element.setAttribute('style', ...)

9 第9問

JavaScriptで、イベントリスナーを要素から削除するために使用する方法は何ですか？

A element.removeEventListener()

B element.deleteEventListener()

C element.clearEventListener()

D element.off()

10 第10問

JavaScriptで、現在の要素の次の兄弟要素を取得するために使用するプロパティは何ですか？

A element.nextSibling

B element.nextElement

C element.nextElementSibling

D element.siblingNext