3から続きます

1:DOM(Document Object Model)とは？

1:HTMLをJavaScriptから操作できるようにしたインターフェイス

2:JavaScriptからはDOM APIを通じてHTMLの情報を取得・変更します。

document.querySelectorを使う場合が多いらしい

3:情報の取得・変更・イベントの登録などができます。

例1

const ul = document.querySelector('ul')
undefined ul.style.color = 'red' "red"
const firstLi = ul.querySelector('li')
undefined firstLi.style.color = 'black' "black"

続きを読む →