Я пытаюсь получить элемент с атрибутом 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>
0
N. Amin

1 ответ

Объедините два селектора - '[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>
58583068