找到没有属性的DOM元素？

Question

我正在尝试查找没有属性的所有function hasAttributes(span) { if (span.outerHTML.slice(0,6) === '<span>') return true; return false; } 标记 - 没有类，没有样式，没有任何内容。我一直这样做：

{{1}}

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

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

检查元素的属性属性的长度

function hasAttributes(span){
    return span.attributes.length;
}