什么是DOM以及JavaScript如何操作它？

DOM是浏览器将HTML/XML解析成的树状结构，使JavaScript能访问和修改网页内容、结构与样式；根节点为document，包含元素、文本和属性节点，支持查找、修改、增删等操作。

DOM（Document Object Model，文档对象模型）是浏览器把 HTML 或 XML 文档解析成的一棵树状结构，它让 JavaScript 能够以编程方式访问、修改网页的内容、结构和样式。简单说，DOM 就是网页在 JS 眼里的“地图”——每个标签、文本、属性都变成一个可操作的对象。

DOM 是一棵节点树

HTML 页面加载后，浏览器会生成一个由 元素节点（如

、

）、文本节点（标签内的文字）和 属性节点（如 id="box"）组成的树。根节点是 document，所有操作都从它开始。

比如这段 HTML：

Hello

立即学习“Java免费学习笔记（深入）”；

标签： css javascript java html js node 浏览器 app ai xml解析 css选择器 red