Как получить элемент с определенным атрибутом и без другого с vanilla js?

Question 1

Я пытаюсь получить элемент с атрибутом title = "some title" , но возвращаюсь несколько раз, и я должен получить первый, который не имеет атрибута style.

Я попытался добавить : not [style] к своему выбору в качестве дополнительного аргумента, но это не сработало.

document.querySelector(':not([style])', 'not[title="Add to Bag"]');

элемент, который я ищу, должен быть:

<button type="submit" class="pdp-add-to-bag add-to-cart pid-19GRB-004f78165ba0cb247a9d38d110" title="Add to Bag">Add to Bag</button>

javascript

0

N. Amin

Answer

Объедините два селектора - '[title = "Add to Bag"]: not ([style])' :

const els = document.querySelectorAll('[title="Add to Bag"]:not([style])');

console.log('Number of buttons found: ', els.length);

console.log(els[0]);

<button type="submit" class="pdp-add-to-bag add-to-cart pid-19GRB-004f78165ba0cb247a9d38d110" title="Add to Bag">Add to Bag</button>

<button type="submit" class="pdp-add-to-bag add-to-cart pid-19GRB-004f78165ba0cb247a9d38d110" title="Add to Bag" style="color: red;">Add to Bag</button>

Question 2

Объедините два селектора - '[title = "Add to Bag"]: not ([style])' :

const els = document.querySelectorAll('[title="Add to Bag"]:not([style])');

console.log('Number of buttons found: ', els.length);

console.log(els[0]);

<button type="submit" class="pdp-add-to-bag add-to-cart pid-19GRB-004f78165ba0cb247a9d38d110" title="Add to Bag">Add to Bag</button>

<button type="submit" class="pdp-add-to-bag add-to-cart pid-19GRB-004f78165ba0cb247a9d38d110" title="Add to Bag" style="color: red;">Add to Bag</button>

Как получить элемент с определенным атрибутом и без другого с vanilla js?

1 ответ

Новые вопросы

javascript