检测两个不同列表的列表项是否相等 - 在线编辑器

          <button onclick="myFunction('myList1','myList2')">比较列表1和列表2</button>
<button onclick="myFunction('myList1','myList3')">比较列表1和列表3</button>
<p id="demo">单击按钮比较两个列表中的<em>第一项</em></p>
列表 1:
<ul id="myList1">
  <li>Water</li>
  <li>Milk</li>
</ul>
列表 2:
<ul id="myList2">
  <li>Coffee</li>
  <li>Tea</li>
</ul>
列表 3:
<ul id="myList3">
  <li>Water</li>
  <li>Fire</li>
</ul>
<script>
  function myFunction(x, y) {
    var item1 = document.getElementById(x).firstChild;
    var item2 = document.getElementById(y).firstChild;
    var x = document.getElementById("demo");
    x.innerHTML = item1.isEqualNode(item2);
  }
</script>
<p><strong>注意:</strong> Internet Explorer 8及之前版本不支持isEqualNode 方法。</p>
        