操作 DOM 树答案

【问题标题】：Manipulating the DOM tree操作 DOM 树
【发布时间】：2011-01-23 20:51:27
【问题描述】：

如果我在 iframe 中加载页面，运行 doc.querySelect 以检索节点 N，通过 doc.body.appendChild(N) 将 N 附加到 doc.body，然后从 doc.body 中删除所有子节点，直到它到达N，是否可以保证 N 的呈现方式与 Firefox 或 IE 中的原始呈现方式相同？到目前为止，在我尝试过的示例中，一切正常，但我想知道它是否会在其他设置中失败。

谢谢

【问题讨论】：

标签： javascript internet-explorer firefox dom

【解决方案1】：

如果你有有效的标记和相应的文档类型应该没问题:-)

【讨论】：

【解决方案2】：

我可能遗漏了一些东西，但为什么不复制节点，删除 doc.body 的子节点，然后将节点附加到现在为空的 doc.body 中？使用 cloneNode() 方法复制节点。

【讨论】：

也是个好主意。删除时不要忘记忽略 iframe :-)
当然。但是浏览器会以与操作之前相同的方式绘制节点吗？删除邻居节点会影响绘制结果吗？
是的，当然会。如果你没有删除任何可能继承 CSS 规则的 parentNode，那么一切都应该没问题。