过滤HTML元素填充数组（javascript）[重复]

Question

我有两个都包含 HTML 元素的数组，我想从第一个数组中删除第二个数组中也存在的所有元素。

var a = [document.createElement('div'), document.createElement('span')],
    b = [document.createElement('span'), document.createElement('p')];

filter(a,b) == [document.createElement('span')] // true

我试过这样的东西，但它似乎不起作用：

var filter = function(a,b) {
   return a.filter(element => {
      return b.map(element_ => {
         return element.isEqualNode(element_);
      }).includes(false);
   });
}

Answer 1

let res = a.filter((el)=> { return b.find((el2)=> el.localName === el2.localName)});

// res = [span];

所以，el.localName 是包含元素名称的字符串类型 HTML 元素的属性。可用于比较两个 HTML 元素

例如：在 div 的情况下，它的 'div'

代码返回两个数组中存在的公共元素。