什麼是 DOM ?

透過樹狀圖,輕鬆了解什麼是 DOM

🎃 <!DOCTYPE html> 代表:網頁是什麼格式的

像上圖這樣的網頁結構,瀏覽器會如何去做解析呢?

瀏覽器在解析網頁結構時,會按照下面的「樹狀圖」依序做解析:

🎃 透過 JavaScript,可以去操控「樹狀圖中的每一個元素」

🍋 例如,我想要取得「document 裡面的某個 Element」,就可以用下面的語法:

1
document.getElementById()