应使用 node.nextelementsibling 替代 nextsibling 遍历语义块节点，因其自动跳过文本、注释等非元素节点；若必须用 nextsibling，则需手动过滤非元素节点，并注意 ie11 兼容性及 dom 动态变化风险。
Node.nextSibling 会跳过文本节点和注释节点
直接用 node.nextSibling 遍历时，常发现“漏掉”某些元素——比如编辑器里明明写了两段文字，却只拿到一个 p 节点。这是因为 nextSibling 返回的是**紧邻的下一个节点**，而 HTML 中换行、空格、制表符都会生成 Text 节点，nextSibling 照样返回它们，不会自动跳过。
实际编辑器 DOM 结构往往类似：
<div contenteditable="true"> <p>第一段</p> <p>第二段</p> </div>
表面看两个 p 是兄弟，但中间有换行产生的 Text 节点（含 \n 和空格），所以 firstP.nextSibling 其实是那个 Text 节点，不是第二个 p。
使用一条命令部署ProbeChain Rydberg测试网代理节点。自动注册为Agent(NodeType=1)，免gas，支持macOS/Linux/Windows。触发词：/r
- 用
node.nextElementSibling替代，它只返回元素节点（Element类型），自动跳过Text、Comment等非元素节点 - 如果必须用
nextSibling（比如要保留空白语义），就得手动过滤：while (sib && sib.nodeType !== Node.ELEMENT_NODE) sib = sib.nextSibling - 注意 IE11 不支持
nextElementSibling，需用Element.prototype.nextElementSibling || function() { ... }做兼容
语义块节点需要明确定义边界
“语义块节点”不是浏览器标准术语，编辑器里通常指 p、h1–h6、ul、ol、blockquote、pre 这类默认独占一行、可被光标停驻的块级容器。但它们可能嵌套（如 li 在 ul 内），也可能被包装（如富文本编辑器用 div[data-block] 包裹）。
- 不要硬编码标签名列表，先确认编辑器输出规范：查看其序列化逻辑或文档，例如 Slate 默认用
div[data-slate-node="element"]标记语义块 - 推荐用 CSS 选择器判断：
sib.matches('p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote, pre, [data-block]') - 避免用
getComputedStyle(sib).display === 'block'，性能差且不可靠（比如div可能被设为inline）
遍历起点必须是语义块节点本身
常见错误是拿 contenteditable 容器的 firstChild 开始遍历，但它可能是 Text 节点或空 br，导致后续全错。正确做法是先定位到第一个有效的语义块节点。
- 从容器开始，用
container.querySelector('p, [data-block]:first-of-type')找首个语义块 - 或者用
container.children[0]（只取元素子节点），再检查是否符合语义块规则 - 光标位置也可辅助定位：用
window.getSelection().anchorNode找当前所在块，再从它开始向后遍历 - 若编辑器支持选区 API（如 ProseMirror 的
editor.state.selection.$from），优先用其提供的节点遍历方法，比手动 DOM 遍历更健壮
注意编辑器实时编辑带来的 DOM 动态变化
用户边打字边触发输入事件时，DOM 可能正在重排，nextSibling 指针可能失效或指向已移除节点。尤其在监听 input 或 compositionend 时，直接遍历容易报错或漏节点。
- 遍历前加防御性检查：
if (!sib || !sib.parentNode || sib.parentNode !== container) break - 避免在高频事件中反复遍历；改用节流（throttle）或改在
requestIdleCallback中执行 - 若需响应式获取所有语义块，不如缓存一份节点引用数组：
Array.from(container.querySelectorAll('p, [data-block]'))，比链式遍历更稳定
真正难的不是写对循环，而是判断“哪个节点才算一个语义块”——这取决于编辑器自身的数据模型，DOM 只是视图层快照。别迷信 nextSibling，先看清编辑器怎么定义“块”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
