#はじめに
勉強した内容は、DOMに関する内容です。
#DOMとは?
DOM(Document Object Model)とは、階層構造をもったモデルを表します。
JavaScriptでDOMにアクセスして、情報を読み取ったり、書き換えたりすることで、DOMの内容がHTMLに反映されます。
これを「DOMを操作する」と言う。
#DOM操作の一例
1.変化させたい要素を指定する
(例)
document.getElementById('id名')
document.querySelector()
document.querySelectorAll()
2.イベントを指定する
(例)
el.addEventListener(event, callback);
eventの内容は、clickなど
callbackはアロー関数で書く。
() => {}
3.処理を書く
(例)
HTML要素を追加
classを追加
#感想
概念の理解をしていかないとエラーが出て質問したいときにコミュニケーションが捗らないと思うので、Qiitaに記録を残して定期的に振り返りたいと思います。
明日も頑張ります。