DOM とは何か

JavaScriptでWebページを動かす / 全 5 枚

JavaScriptでWebページを動かす - DOM とは何か

ブラウザは HTML を読んで木を作る

ブラウザは HTML ファイルを上から読み、書いてある入れ子のとおりに部品を並べた木を組み立てます。この木を DOM と呼びます。JavaScript がページの文字や見た目を変えられるのは、この木を触れるからです。

文字を取り出せるということは、入れ替えることもできるということです。この回はまず、取り出す側から見ていきます。

document と書くと、ブラウザが組み立てた木そのものを指せます。

const title = document.querySelector("h1");
console.log(title.textContent); // 山田はな

1 / 5

← → キーでも送れます