DOM là gì? JavaScript tương tác với DOM như thế nào?

DOM (Document Object Model) là biểu diễn dạng cây của HTML document, mỗi element là một node.

• JavaScript tương tác qua document API: querySelector, createElement, appendChild, setAttribute...
• DOM manipulation là synchronous, thay đổi DOM ngay lập tức reflect trên page.

const el = document.querySelector('.title');
el.textContent = 'Hello';

const btn = document.createElement('button');
btn.innerHTML = 'Click me';
document.body.appendChild(btn);