js.DOMの基本 - Qiita

ブラウザは、htmlを読み込むと内部的にDOM（Document Object Model）と呼ばれるデータ構造が作られて、その内容に応じてページが描画がされる、という仕組みになっている。 htmlは、ただの文字列。それをブラウザがバババーーーって読み込んでDOMに変換してくれる。そうすることで、cssやjsにとって使える形になる。 DOMは、ツリー状になってる。htmlは、ツリー状になってない。 const main = document.querySelector("main"); // DOMのメインをとってこい。取得できる。 window.addEventListener("load", function () {//loadしたら、function{}のなかを実行してね。 const article = document.createElement("article"); //