Question

我正在构建一个非常基本的函数来比较Node.js中的两个DOM，我不仅要检测差异，还要确定确切的区别。令人惊讶的是，当我使用两个相同的DOM（使用jsdom重建）时，比较节点＆＃39;使用childNodes时，childNodes返回false，使用innerHTML时返回true。

const checkForUpdates = function(website) {

  let oldDom = new JSDOM(website.storedPage.page);
  oldDom = oldDom.window.document.querySelector('body');

  let newDom = new JSDOM(website.newPage.page);
  newDom = newDom.window.document.querySelector('body');

  const startChecking1 = function(someDom, anotherDom) {
   return someDom.childNodes === anotherDom.childNodes;
   // This returns false
  };

  const startChecking2 = function(someDom, anotherDom) {
   return someDom.innerHTML === anotherDom.innerHTML;
   // This returns true 
  };

  console.log(startChecking(oldDom, newDom));

};

就我的目的而言，使用childNodes并不是绝对必要的，也许它并不适用于这种类型的条件语句，但我仍然感到惊讶的是，如果这些条件语句将返回true DOM完全相同。即使我使用＆＃39; ==＆＃39;而不是＆＃39; ===＆＃39;，我会得到假的。

感谢您的帮助！

Answer 1

调用.innerHTML会返回基本字符串匹配的序列化内容。

尝试比较.childNodes正在尝试比较javascript中没有直接比较的对象。

Object comparison in JavaScript

比较两个相等的节点＆＃39; childNodes返回false，比较它们的innerHTML返回true，为什么？

1 个答案: