@jorshjorsh95

Как искать элементы с определенными инлайн-стилями?

Как сделать выборку элементов с определенным инлайн-стилем?

Например, надо выбрать элементы, у которых прописан background-image:

<div style="background-image: url();" id="_1">
    <div id="_2">
         <div style="background-image:url();" id="_3">text</div>
    <div>
</div>

Как сделать такое на javascript, без перебора всех элементов?
  • Вопрос задан
  • 382 просмотра
Решения вопроса 2
0xD34F
@0xD34F Куратор тега JavaScript
document.querySelectorAll('[style*="background-image:"]')
Ответ написан
Комментировать
Stalker_RED
@Stalker_RED
var withBgProp = document.querySelectorAll('div[style^="background-image"]')

var withFilledBg = Array.prototype.slice.call(withBgProp).filter(
   el => !!el.style.backgroundImage.match(/\("(.+)"\)/)
)
https://jsfiddle.net/z7t44c5k/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы