Как спарсить атрибут?

Question

[kissis]

<div itemprop="offers" 
     itemscope=""
     itemtype="https://schema.org/Offer" 
     class="variant"
     title="75ml"
     data-variant-id="2147671_3"
     data-price="357"
>

Как спарсить значение "357"?

document.getElementsByClassName('variant checked')[0].title

- так находит значение "75ml"

document.getElementsByClassName('variant checked')[0].data-price

- так не находит ничего

Comments

[Nekio]

document.querySelector('.variant').getAttribute('data-price')

[kissis]

Nekio, сначала думала, что получилось. Но потом увидела, что класс меняется. Цена привязана к data-variant-id="2147671_3", скажите, а можно еще указать класс и этот айди как-то? Потому что без этого не вытягивает варианты товара и их цены

[Nekio]

Можно вот так ещё:

document.querySelector('[data-variant-id="2147671_3"]').getAttribute('data-price')

document.querySelector('.variant[data-variant-id="2147671_3"]').getAttribute('data-price')

document.querySelector('[data-variant-id]').getAttribute('data-price')

document.querySelector('.variant[data-variant-id]').getAttribute('data-price')

document.querySelectorAll('[data-variant-id]')[0].getAttribute('data-price')

document.querySelectorAll('.variant[data-variant-id]')[0].getAttribute('data-price')

[kissis]

Nekio, спасибо вам огромноееееее! Очень помогли! Все получилось)))

Answer 1

[Pavel]

document.getElementsByClassName('variant checked')[0].dataset.price

Comments

[kissis]

сначала думала, что получилось. Но потом увидела, что класс меняется. Цена привязана к data-variant-id="2147671_3", скажите, а можно еще указать класс и этот айди как-то? Потому что без этого не вытягивает варианты товара и их цены