DOM 编程学什么？
小麦一、DOM 基础概念
掌握：
DOM 的定义：DOM（Document Object Model，文档对象模型）是浏览器将 HTML 文档解析成的一个树形结构，每个节点都是一个对象。
document 对象：它是 DOM 的入口，所有 DOM 操作都从
document开始。节点类型：掌握常见的节点类型，如 元素节点（
<div>）、文本节点、属性节点 和 注释节点。
理解：
DOM 树的结构：HTML 文档被解析为父子、兄弟等层级关系的节点树。
根节点：
<html>是 DOM 树的根元素，document是整个文档的根对象。节点之间的关系：父节点、子节点、兄弟节点、后代节点等术语的含义。
了解：
DOM 的历史与发展：DOM 是 W3C 标准，用于实现跨浏览器的脚本控制。
XML 与 HTML DOM 的区别：HTML DOM 是 XML DOM 的特例，专为网页设计优化。
二、DOM 元素选择与遍历
掌握：
获取元素的方法：
document.getElementById()document.querySelector()和document.querySelectorAll()document.getElementsByClassName()和document.getElementsByTagName()
遍历 DOM 的常用属性：
parentNode、childNodes、childrenfirstElementChild、lastElementChildnextElementSibling、previousElementSibling
理解：
选择器返回值的区别：
getElementById返回单个对象，getElementsByClassName返回类数组对象，querySelectorAll返回静态 NodeList。节点与元素的区别：
childNodes包含文本和注释节点，children只包含元素节点。
了解：
性能对比：
querySelector更灵活但略慢，原生方法如getElementById性能更高。兼容性问题：旧版 IE 不支持
querySelector，需注意项目环境。
三、DOM 操作与事件处理
掌握：
修改元素内容：
innerHTML（可插入 HTML 标签）textContent（仅文本，更安全）
修改元素属性与样式：
element.setAttribute()和getAttribute()element.style.property直接修改行内样式classList操作类名（add、remove、toggle、contains）
创建与删除节点：
document.createElement()document.createTextNode()parentNode.appendChild()、removeChild()新增方法：
element.append()、prepend()、before()、after()、replaceWith()、remove()
理解：
事件机制基础：
事件绑定方式：
onclick属性、addEventListener()方法事件对象
event的常用属性：target、currentTarget、preventDefault()、stopPropagation()
事件流：事件捕获 → 目标阶段 → 事件冒泡
事件委托：利用事件冒泡原理，在父元素上监听子元素事件，提升性能。
了解：
常见事件类型：
click、input、change、submit、keydown、load、scroll等。防抖与节流：在高频事件（如
scroll、resize）中优化性能。自定义事件：使用
Event构造函数创建并触发自定义事件。
DOM 编程是指通过 JavaScript 操作网页的文档对象模型（Document Object Model），从而动态地修改页面结构、内容和样式。所有操作都以 document 对象为入口点，它代表整个页面，并提供了访问和操纵各个节点的方法与属性。每个 HTML 元素在 DOM 中都是一个对象，具有如 innerHTML、textContent、style 等可读写属性，还支持通过 onclick 等事件处理程序绑定交互行为。DOM 节点之间形成树状结构，包括元素节点、文本节点和注释节点等，它们各自属于特定的内置类并继承相应的方法和属性，使得开发者可以灵活地遍历、创建、删除或更新页面内容。