Как проверить, что атрибут style пуст (не содержит никаких свойств)?

Question

[Shimpanze]

Добрый день!

Скажите, пожалуйста, как на чистом JavaScript, проверить что атрибут style не содержит в себе никаких свойств (пуст)?

Такая проверка не работает:

if ( document.getElementById("wikiArticle").getAttribute('style') === '' ) {
  console.log('Пусто!');
}

...так как внутри может быть пробел (или два, или даже три).

Как правильно проверить, что атрибут style не содержит никаких именно свойств, а не пробелов?

Спасибо!

Answer 1

[Camaro67]

var attr = document.getElementById("wikiArticle").getAttribute('style');

if (!attr || !attr.trim()) {
    console.log('Пусто!');
}

Answer 2

[profesor08]

e.getAttribute('style').trim().length === 0

Answer 3

[Павел Корнилов]

if(Object.keys(document.getElementById("wikiArticle").style).length) // есть style

Comments

[Shimpanze]

Простите, что это? И как это применять?

[Павел Корнилов]

Shimpanze, скопируйте и вставьте в консоль на странице, где есть #wikiArticle.
Это условие по проверке наличия локальных стилей в этом DOM-элементе.

[Павел Корнилов]

if(Object.keys(document.getElementById("wikiArticle").style).length) console.log('isset style');
else console.log('no style');
console.log('in #wikiArticle ');