找到沒有屬性的DOM元素？

Question

我正在嘗試查找沒有屬性的所有span標簽-沒有類，沒有樣式，沒有任何東西。 我一直在這樣做：

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

有沒有更好（更快）的方法來檢查特定元素是否合格？

Answer 1

您可以使用querySelectorAll()選擇所有spans ，然后使用for循環按attributes屬性過濾范圍。 如果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> 

Answer 2

檢查元素的屬性屬性的長度

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