两个html对比,javascript – 如何比较两个HTML元素

(见下文,一个完整的,很大程度上未经测试的,当然是未重构的脱机解决方案,但首先,它的几个部分)

比较他们的innerHTML很容易：

if (divs[0].innerHTML === divs[1].innerHTML)

// or if you prefer using jQuery

if (divs.html() === $(divs[1]).html()) // The first one will just be the HTML from div 0

…虽然你必须问自己这两个要素是否符合你的标准：

x

x

…因为他们的innerHTML将会有所不同(至少在Chrome上,我怀疑大多数浏览器). (以下更多)

那么你需要比较他们的所有属性.据我所知,jQuery没有给你一个枚举属性的方法,但是DOM可以：

function getAttributeNames(node) {

var index, rv, attrs;

rv = [];

attrs = node.attributes;

for (index = 0; index < attrs.length; ++index) {

rv.push(attrs[index].nodeName);

}

rv.sort();

return rv;

}

然后

var names = [getAttributeNames(div[0]), getAttribute