DOM 前端高频面试题及详细答案（真实面试版）.docxVIP

DOM前端高频面试题及详细答案（真实面试版）

一、DOM基础概念（入门必问）

1.什么是DOM？DOM的作用是什么？

答案：

DOM全称文档对象模型，是浏览器提供的一套操作网页文档的API接口。浏览器会把HTML文档解析成一棵节点树结构，页面中所有的标签、文本、属性，都是树上的一个个节点。

它的核心作用是：让JS可以读取、修改网页的结构、样式和内容，实现页面的动态交互，比如修改文字、切换样式、新增删除标签、绑定点击事件等。

2.DOM节点的类型有哪些？常用的是哪几种？

答案：

DOM节点分为多种类型，日常开发最常用的有3种：

元素节点：HTML标签本身，比如div、p、span，nodeType为1，是开发中操作最多的节点

文本节点：标签内部的文字、空格、换行，nodeType为3

属性节点：标签的属性，比如class、id、src，nodeType为2

除此之外还有注释节点、文档节点等，基本很少用到。很多新手容易踩坑：获取元素内部内容时，会忽略空白文本节点，导致遍历节点出错。

3.说说DOM树的解析流程

答案：

浏览器加载HTML页面时，会从上到下逐行解析：

读取HTML文本，逐行解析标签，生成对应的DOM节点

根据标签嵌套关系，构建层级节点树，形成完整DOM树

DOM树构建完成后，触发DOMContentL