iframe没有内置节点索引属性，其在父元素中的位置需用Array.from(parent.children).indexOf(iframe)计算，该方法仅统计元素节点、结果可靠，且须确保iframe为父元素直系子元素。
iframe在父页面中没有内置的“节点索引”属性
HTML标准里，iframe元素本身不提供类似 index 或 position 这样的属性。所谓“节点索引”，实际指的是它在父节点的 childNodes 或 children 集合中的下标位置——这得靠 JS 手动计算，且结果依赖于你用什么集合、是否过滤文本节点。
用 Array.from(parent.children).indexOf(iframe) 最可靠
这是最常用也最安全的做法，适用于绝大多数场景：只统计元素节点（即忽略文本、注释等），且语义清晰。
-
parent.children返回的是 HTMLCollection（仅含元素节点），但不能直接调用indexOf - 必须先转成数组：
Array.from(parent.children)或[...parent.children] - 确保
iframe确实是该 parent 的直系子元素，否则结果为-1 - 如果 iframe 是动态插入的，需确认执行时机——不能在 DOM 尚未挂载时就查
const iframe = document.querySelector('iframe');
const parent = iframe.parentElement;
const index = Array.from(parent.children).indexOf(iframe);
// index 是从 0 开始的整数，或 -1（未找到）
别用 parentNode.childNodes.indexOf(iframe)
这个写法看似直观，但极容易出错：
-
childNodes包含文本节点（比如换行、空格）、注释节点，导致索引偏移 - 不同浏览器对空白文本节点的处理略有差异，跨环境不一致
- 即使肉眼看着是第 2 个 iframe，
childNodes.indexOf可能返回 4、5 甚至更大值
如果父容器是 document，注意 document.children 不包含 head 和 body 外的 iframe
全局 iframe（如直接写在 <html> 根下）其实极少；多数 iframe 在 body 内。所以更常见的 parent 是 document.body：
立即学习“前端免费学习笔记（深入）”；
- 用
document.body.children而非document.children -
document.children通常只有html一个元素，iframe 不会出现在里面 - 若 iframe 在 shadow DOM 或 iframe 自身内部，父节点不是 document.body，需按实际层级向上找
真正麻烦的不是怎么算索引，而是你为什么需要它——如果是为了后续 insertBefore / remove / 动态排序，直接操作 DOM 引用比记索引更稳；索引只是快照，DOM 一变就失效。
