найти элементы 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; 
}