javascript – 如何比较两个DOM或DOM节点?

前端之家收集整理的这篇文章主要介绍了javascript – 如何比较两个DOM或DOM节点?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用var win1 = open.window(…); var win2 = open.window(…);在Firefox中打开2个选项卡/窗口 – 现在我想比较两个DOM(文档对象模型)的相似性.
所以我有两个包含非常相似页面的DOM.页面具有相同的 HTML但执行不同的 JavaScript文件.

一般来说,我检查HTML和CSS是否相同:

var html1 = win1.document.body.innerHTML;
var html2 = win2.document.body.innerHTML;
if (html1 == html2) { ... }
var css1 = win1.document.body.style.cssText
var css2 = win2.document.body.style.cssText
if (css1 == css2) { ... }

但是比较所有DOM节点似乎给出了不好的结果:

var bodyNodes1 = win1.document.body.getElementsByTagName('*');
var bodyNodes2 = win2.document.body.getElementsByTagName('*');

bodyNodes1 [123] .innerHTML不是必需的类似bodyNodes2 [123] .innerHTML

哪些方法可用于比较DOM节点?
是否存在用于测试页面相似性的框架/库/脚本?

我非常感谢任何提示.

猜你在找的JavaScript相关文章