Domはいったい何なの?



Domはいったい何なの?


Document Object Model
Domは,文書HTMLを階層化し,ツリー構造を形成するオブジェクトモデルである.
JavaScriptは、このモデルを使用して「動的」ページにアクセスおよび変更し、「静的」に変更します.

document.body--ドキュメント内のマスター全体にアクセス
innerHTML--変更したい場合は、任意の内容に変更します.
ex) document.body.innerHTML=「すべて置換」
「querySelector」--エレメントにアクセスしたい場合
ex) document.querySelector('#red')
mean)redというidへのアクセス
ex) document.querySelector('.blue')
Mean)blueという名前のクラスにアクセスする
ex) document.querySelector('p.green')
mean)pタグのgreenというクラスにアクセスする

cssのプロパティ名とは少し違います

let blueElement = document.querySelector('.blue');
blueElement.style.backgroundColor = 'blue';
cssでバックグラウンドカラーの代わりにbackgroundColorを使用します.