appendChild 和 insertBefore 在插入节点时的行为有何不同？
appendChild 和 insertBefore 在插入节点时的行为有何不同？ 本文先给出可直接复述的结论，再用最小代码说明appendChild 和 insertBefore 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词appendChild 和 insertBefore 区别
面试知识索引 · 分类、标签与搜索
DOM 与文档操作专题面试题，41 道完整答案
DOM 与文档操作专题面试题第 1 页，显示第 1–41 题，共找到 41 道完整解析，可继续按分类、标签与关键词缩小范围。
41筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
全部标签DOM 与文档操作41并发编程448缓存355性能优化340安全336异步编程292类型系统215构建工具211容器化184流处理177表单157SQL148HTTP141路由140离线应用121
查看其余 163 个标签
网络协议111测试109数据库事务95实时通信92Web 可访问性90动画79可观测性77Agent 记忆75向量检索66工具调用66LangGraph59Prompt56任务规划53排障与运维53数据库索引52浏览器自动化51Flexbox50值与类型50GraphQL49事务与并发49构建与镜像49DNS 与 TLS48工程协作与交付48AI 评测47CSS Grid47Express 服务47MCP47副作用与同步47向量与嵌入47文件与多媒体47流与二进制47传输与协议46列表与性能46可维护代码46响应式原理46容器运行46指标日志追踪46数据建模与运维46文件与 I/O46表单与输入46MCP 协议45RAG45Vite 与模块构建45Webpack45内存与虚拟化45原生集成45多 Agent45工作负载与发布45应用与性能45数据处理45模块与工具链45组件与模板45缓存与数据结构45网络与运维45评估与调试45身份认证与授权45运行时与开发45Web 系统方案44一致性与容错44侦听与生命周期44分布式使用44原生组件与交互44可访问交互44消息与异步处理44渲染与调度44索引与执行计划44组件设计44缓存与代理44进程与并发44层叠与选择器43攻击面与防御43文档数据库43权限与安全43离线与渐进增强43语义与文档43请求与通信 API43Worker 与线程协作42事件系统42存储与离线数据42服务架构42服务端与流式渲染42服务端工程42泛型设计42版本控制42类型收窄42类型运算42组件与端到端42编码与执行42进程与线程42Flex 布局41HTTP 语义41NestJS 架构41REST 与接口契约41SQL 查询41加载与交互性能41动画与视觉41类型工程41记忆与状态41运行时与调度41Agent 架构40WebAssembly 集成40单元与集成测试40多 Agent 协作40工作流编排40模块与语言机制40浏览器与 UI 自动化40生产运行40函数与作用域39响应式设计39性能与并发39类型系统基础39Grid 布局38数组与集合38盒模型与排版38Hooks 与复用37应用开发37推理与成本37状态共享37知识库数据37模型与应用评测36对象与原型35状态与渲染35语言与并发35异步与 Promise34Effect32RAG 检索31React 性能31响应式与性能31微调与数据31TanStack Query30全栈边界30数据与缓存30大模型基础29路由与数据流29事件循环28流式交互28提示与上下文设计27数据与服务端27组件与依赖注入27组件与响应式27多模态应用24应用与渲染24Hydration22沙箱安全22状态管理18算法18CI/CD13语言与运行时10React Server Components6搜索与排序4实用函数实现3链表栈队列3图算法2字符串算法2树与遍历2索引与高级结构2Kubernetes1作用域与函数1动态规划1异步与浏览器1手写与交互性能1数组与双指针1相等比较1
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
slot.assignedNodes() 和 assignedElements() 的区别在何处？
slot.assignedNodes() 和 assignedElements() 的区别在何处？ 本文先给出可直接复述的结论，再用最小代码说明assignedNodes 和 assignedElements 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词assignedNodes 和 assignedElements 区别 - 0003
为什么自定义元素需要 attachShadow，而普通 Div 也能附加 Shadow Root？
为什么自定义元素需要 attachShadow，而普通 Div 也能附加 Shadow Root？ 本文先给出可直接复述的结论，再用最小代码说明自定义元素 attachShadow 作用的工作方式、判断依据、项目边界和常见误区。
核心关键词自定义元素 attachShadow 作用 - 0004
Attr 接口在 DOM 中代表什么？为什么不是所有属性都能当作节点？
Attr 接口在 DOM 中代表什么？为什么不是所有属性都能当作节点？ 本文先给出可直接复述的结论，再用最小代码说明DOM Attr 接口是什么的工作方式、判断依据、项目边界和常见误区。
核心关键词DOM Attr 接口是什么 - 0005
childNode.replaceWith 和 parentNode.replaceChild 有什么不同？
childNode.replaceWith 和 parentNode.replaceChild 有什么不同？ 本文先给出可直接复述的结论，再用最小代码说明replaceWith 和 replaceChild 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词replaceWith 和 replaceChild 区别 - 0006
compareDocumentPosition 可以返回哪些标志位？常用在哪里？
compareDocumentPosition 可以返回哪些标志位？常用在哪里？ 本文先给出可直接复述的结论，再用最小代码说明compareDocumentPosition 标志位用途的工作方式、判断依据、项目边界和常见误区。
核心关键词compareDocumentPosition 标志位用途 - 0007
事件对象中 composedPath() 与 path 属性有什么不同？与 Shadow DOM 有何关系？
事件对象中 composedPath() 与 path 属性有什么不同？与 Shadow DOM 有何关系？ 本文先给出可直接复述的结论，再用最小代码说明composedPath 和 event.path 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词composedPath 和 event.path 区别 - 0008
createTextNode 的使用场景与直接设置 textContent 有何不同？
createTextNode 的使用场景与直接设置 textContent 有何不同？ 本文先给出可直接复述的结论，再用最小代码说明createTextNode 和 textContent 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词createTextNode 和 textContent 区别 - 0009
createElement 和 cloneNode 在创建新节点时有什么实质区别？
createElement 和 cloneNode 在创建新节点时有什么实质区别？ 本文先给出可直接复述的结论，再用最小代码说明createElement 和 cloneNode 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词createElement 和 cloneNode 区别 - 0010
自定义元素生命周期中 connectedCallback 和 disconnectedCallback 分别在什么时机触发？
自定义元素生命周期中 connectedCallback 和 disconnectedCallback 分别在什么时机触发？ 本文先给出可直接复述的结论，再用最小代码说明connectedCallback 和 disconnectedCallback 触发时机的工作方式、判断依据、项目边界和常见误区。
核心关键词connectedCallback 和 disconnectedCallback 触发时机 - 0011
document.documentElement 和 document.body 分别指向什么节点？
document.documentElement 和 document.body 分别指向什么节点？ 本文先给出可直接复述的结论，再用最小代码说明documentElement 和 document.body 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词documentElement 和 document.body 区别 - 0012
document.visibilityState 与 document.readyState 分别反映文档什么状态？
document.visibilityState 与 document.readyState 分别反映文档什么状态？ 本文先给出可直接复述的结论，再用最小代码说明visibilityState 和 readyState 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词visibilityState 和 readyState 区别 - 0013
DocumentFragment 是用来解决什么问题的？
DocumentFragment 是用来解决什么问题的？ 本文先给出可直接复述的结论，再用最小代码说明DocumentFragment 作用的工作方式、判断依据、项目边界和常见误区。
核心关键词DocumentFragment 作用 - 0014
firstChild 和 firstElementChild 有何不同？
firstChild 和 firstElementChild 有何不同？ 本文先给出可直接复述的结论，再用最小代码说明firstChild 和 firstElementChild 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词firstChild 和 firstElementChild 区别 - 0015
通过 getAttribute 读取 HTML 属性与直接访问元素属性（如 id）有何本质区别？
通过 getAttribute 读取 HTML 属性与直接访问元素属性（如 id）有何本质区别？ 本文先给出可直接复述的结论，再用最小代码说明getAttribute 和元素属性访问区别的工作方式、判断依据、项目边界和常见误区。
核心关键词getAttribute 和元素属性访问区别 - 0016
HTMLCollection 的 namedItem 方法在什么时候有用？它如何处理重名的项？
HTMLCollection 的 namedItem 方法在什么时候有用？它如何处理重名的项？ 本文先给出可直接复述的结论，再用最小代码说明HTMLCollection namedItem 重名处理的工作方式、判断依据、项目边界和常见误区。
核心关键词HTMLCollection namedItem 重名处理 - 0017
importNode 和 adoptNode 在跨文档复制节点时有何区别？
importNode 和 adoptNode 在跨文档复制节点时有何区别？ 本文先给出可直接复述的结论，再用最小代码说明importNode 和 adoptNode 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词importNode 和 adoptNode 区别 - 0018
innerHTML 和 outerHTML 分别影响元素的哪些部分？
innerHTML 和 outerHTML 分别影响元素的哪些部分？ 本文先给出可直接复述的结论，再用最小代码说明innerHTML 和 outerHTML 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词innerHTML 和 outerHTML 区别 - 0019
insertAdjacentHTML 与设置 innerHTML 在插入内容上有什么关键差异？
insertAdjacentHTML 与设置 innerHTML 在插入内容上有什么关键差异？ 本文先给出可直接复述的结论，再用最小代码说明insertAdjacentHTML 和 innerHTML 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词insertAdjacentHTML 和 innerHTML 区别 - 0020
isSameNode 和 isEqualNode 在比较节点时有什么不同？
isSameNode 和 isEqualNode 在比较节点时有什么不同？ 本文先给出可直接复述的结论，再用最小代码说明isSameNode 和 isEqualNode 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词isSameNode 和 isEqualNode 区别 - 0021
MutationObserver 回调中 MutationRecord 的 target、addedNodes 和 type 分别表示什么？
MutationObserver 回调中 MutationRecord 的 target、addedNodes 和 type 分别表示什么？ 本文先给出可直接复述的结论，再用最小代码说明MutationRecord target addedNodes 含义的工作方式、判断依据、项目边界和常见误区。
核心关键词MutationRecord target addedNodes 含义 - 0022
在 observe 时 childList、attributes 和 characterData 这三个选项分别监控什么变更？
在 observe 时 childList、attributes 和 characterData 这三个选项分别监控什么变更？ 本文先给出可直接复述的结论，再用最小代码说明MutationObserver observe 配置项的工作方式、判断依据、项目边界和常见误区。
核心关键词MutationObserver observe 配置项 - 0023
MutationObserver.takeRecords 的用途和时机是什么？它和回调有什么关联？
MutationObserver.takeRecords 的用途和时机是什么？它和回调有什么关联？ 本文先给出可直接复述的结论，再用最小代码说明MutationObserver takeRecords 用途的工作方式、判断依据、项目边界和常见误区。
核心关键词MutationObserver takeRecords 用途 - 0024
NodeList 和 HTMLCollection 有什么区别？
NodeList 和 HTMLCollection 有什么区别？ 本文先给出可直接复述的结论，再用最小代码说明NodeList 和 HTMLCollection 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词NodeList 和 HTMLCollection 区别 - 0025
normalize 方法的作用是什么？它会在什么情况下拆分文本节点？
normalize 方法的作用是什么？它会在什么情况下拆分文本节点？ 本文先给出可直接复述的结论，再用最小代码说明Node normalize 方法作用的工作方式、判断依据、项目边界和常见误区。
核心关键词Node normalize 方法作用 - 0026
自定义元素必须定义 observedAttributes 才能收到 attributeChangedCallback 吗？
自定义元素必须定义 observedAttributes 才能收到 attributeChangedCallback 吗？ 本文先给出可直接复述的结论，再用最小代码说明observedAttributes 与 attributeChangedCallback的工作方式、判断依据、项目边界和常见误区。
核心关键词observedAttributes 与 attributeChangedCallback - 0027
parentNode.children 和 parentNode.childNodes 在遍历子节点时有什么区别？
parentNode.children 和 parentNode.childNodes 在遍历子节点时有什么区别？ 本文先给出可直接复述的结论，再用最小代码说明children 和 childNodes 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词children 和 childNodes 区别 - 0028
querySelector 和 getElementById 在查找元素时有何不同？
querySelector 和 getElementById 在查找元素时有何不同？ 本文先给出可直接复述的结论，再用最小代码说明querySelector 和 getElementById 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词querySelector 和 getElementById 区别 - 0029
缺少 <!DOCTYPE html> 会影响 DOM 树的哪些行为？
缺少 <!DOCTYPE html> 会影响 DOM 树的哪些行为？ 本文先给出可直接复述的结论，再用最小代码说明缺少 DOCTYPE 对 DOM 的影响 quirks mode的工作方式、判断依据、项目边界和常见误区。
核心关键词缺少 DOCTYPE 对 DOM 的影响 quirks mode - 0030
range.cloneRange 和 range.cloneContents 的区别是什么？
range.cloneRange 和 range.cloneContents 的区别是什么？ 本文先给出可直接复述的结论，再用最小代码说明cloneRange 和 cloneContents 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词cloneRange 和 cloneContents 区别 - 0031
Range.extractContents 和 deleteContents 有什么不同？
Range.extractContents 和 deleteContents 有什么不同？ 本文先给出可直接复述的结论，再用最小代码说明Range extractContents 和 deleteContents 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Range extractContents 和 deleteContents 区别 - 0032
Range.getBoundingClientRect 和常用的 element.getBoundingClientRect 在返回上有何差异？
Range.getBoundingClientRect 和常用的 element.getBoundingClientRect 在返回上有何差异？ 本文先给出可直接复述的结论，再用最小代码说明Range 和元素 getBoundingClientRect 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Range 和元素 getBoundingClientRect 区别 - 0033
Range.intersectsNode 方法判断什么？在什么场景下使用？
Range.intersectsNode 方法判断什么？在什么场景下使用？ 本文先给出可直接复述的结论，再用最小代码说明Range.intersectsNode 用途的工作方式、判断依据、项目边界和常见误区。
核心关键词Range.intersectsNode 用途 - 0034
removeChild 和 parentNode.remove() 方法在移除子节点时有什么不同？
removeChild 和 parentNode.remove() 方法在移除子节点时有什么不同？ 本文先给出可直接复述的结论，再用最小代码说明removeChild 和 remove() 移除节点区别的工作方式、判断依据、项目边界和常见误区。
核心关键词removeChild 和 remove() 移除节点区别 - 0035
使用多个 Range 添加 Selection 时有哪些限制与触发的事件？
使用多个 Range 添加 Selection 时有哪些限制与触发的事件？ 本文先给出可直接复述的结论，再用最小代码说明Selection addRange 限制与 selectionchange 事件的工作方式、判断依据、项目边界和常见误区。
核心关键词Selection addRange 限制与 selectionchange 事件 - 0036
Selection 的 removeAllRanges 和 collapse 方法有什么区别？
Selection 的 removeAllRanges 和 collapse 方法有什么区别？ 本文先给出可直接复述的结论，再用最小代码说明Selection removeAllRanges 和 collapse 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Selection removeAllRanges 和 collapse 区别 - 0037
Shadow Root 的 mode: 'open' 和 'closed' 分别有什么后果？
Shadow Root 的 mode: 'open' 和 'closed' 分别有什么后果？ 本文先给出可直接复述的结论，再用最小代码说明ShadowRoot mode open 和 closed 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词ShadowRoot mode open 和 closed 区别 - 0038
通过 slot 属性分配到命名插槽时，浏览器如何决定匹配哪个 <slot>？
通过 slot 属性分配到命名插槽时，浏览器如何决定匹配哪个 <slot>？ 本文先给出可直接复述的结论，再用最小代码说明slot 命名插槽匹配规则的工作方式、判断依据、项目边界和常见误区。
核心关键词slot 命名插槽匹配规则 - 0039
textContent、innerText 和 innerHTML 三者有什么区别？
textContent、innerText 和 innerHTML 三者有什么区别？ 本文先给出可直接复述的结论，再用最小代码说明textContent innerText innerHTML 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词textContent innerText innerHTML 区别 - 0040
DOM 中 Node 和 Element 的区别是什么？
DOM 中 Node 和 Element 的区别是什么？ 本文先给出可直接复述的结论，再用最小代码说明DOM Node 和 Element 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词DOM Node 和 Element 区别 - 0041
XMLSerializer 与 outerHTML 在将 DOM 转为字符串时有何不同？
XMLSerializer 与 outerHTML 在将 DOM 转为字符串时有何不同？ 本文先给出可直接复述的结论，再用最小代码说明XMLSerializer 和 outerHTML 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词XMLSerializer 和 outerHTML 区别