LTech

問題 1: DOMとは何の略ですか？

Data Object Model

Document Object Model

Dynamic Object Model

Database Object Model

問題 2: DOMでできることはどれですか？

ページの文字を変更する

ボタンを押したら色が変わる

画像を拡大して表示したり、スクロールさせたりする

すべて正しい

問題 3: IDが"greeting"の要素を取得する正しいコードはどれですか？

document.getElementById("greeting")

document.getElement("greeting")

document.findElement("greeting")

document.selectElement("greeting")

問題 4: CSSセレクタを使って要素を取得するメソッドはどれですか？

querySelector()

querySelectorAll()

AとBの両方

getElementBySelector()

問題 5: クラス名が"my-class"の要素を取得する正しいコードはどれですか？

document.querySelector(".my-class")

document.querySelector("my-class")

document.querySelector("#my-class")

document.querySelector("class.my-class")

問題 6: 要素の文字内容を変更するプロパティはどれですか？

textContent

text

content

innerText

問題 7: 以下のコードの実行結果はどうなりますか？
`const greeting = document.getElementById("greeting"); greeting.textContent = "新しいメッセージです！";`

IDが"greeting"の要素のテキストが"新しいメッセージです！"に変わる

エラーになる

何も起こらない

新しい要素が作成される

問題 8: 要素の属性を取得するメソッドはどれですか？

getAttribute()

getProperty()

getValue()

getAttr()

問題 9: 要素の属性を設定・変更するメソッドはどれですか？

setAttribute()

setProperty()

addAttribute()

changeAttribute()

問題 10: 要素の属性を削除するメソッドはどれですか？

removeAttribute()

deleteAttribute()

clearAttribute()

unsetAttribute()

会員限定コンテンツ

ユーザー登録をすると、このクイズの解答を確認できるようになります。

会員登録をするとこんなメリットがあります

解答の確認
クイズの正解・解説を確認

進捗管理
学習履歴を記録・管理

新着通知
新しい教材をお知らせ

完全無料
登録料・月額料金なし

無料会員登録ログイン

登録は1分で完了します

JavaScriptクイズ - DOM操作(1)