javascript - 找到没有属性的 DOM 元素？

Question

我试图找到所有没有属性的 span 标签——没有类，没有样式，什么都没有。我一直在这样做:

function hasAttributes(span) {
    if (span.outerHTML.slice(0,6) === '<span>') return true;
    return false;
}

是否有更好(更快)的方法来检查特定元素是否合格？

Answer 1

您可以使用querySelectorAll() 选择所有spans，然后使用for 循环按attributes 过滤span属性(property)。如果 span 没有任何属性，它将返回空数组。

var spans = document.querySelectorAll('span');
for (var i = 0; i < spans.length; i++) {
  if (spans[i].attributes.length == 0) spans[i].style.color = 'blue';
}

<span>one</span>
<span class="two">Two</span>