Как выбрать в js все элементы «a» и «button»?

Question

[Dmitriy]

document.querySelectorAll("a" ,"button").forEach((function(e){
e.addEventListener("mouseover",(
function(){

querySelectorAll("a" ,"button")
Либо как такую запись преобразовать с помощью условий

Comments

[Владимир]

Учтите, что при использовании addEventListener нужно не забывать отписываться от событий
Поэтому если хотите циклос садить события на пачку элементов - используйте события через проперти, если хотите использовать подписку - садите событие на родительский элемент без цикла, и в самом событии проверяйте откуда оно пришло.

Answer 1

[Alexandroppolus]

document.querySelectorAll("a, button")

Comments

[Dmitriy]

Неужели, так просто, Почему такое нигде не написано, Спасибо!

[Alexandroppolus]

Dmitriy, да как же не написано? https://developer.mozilla.org/en-US/docs/Web/CSS/S...

[Алексей Дубровин]

Dmitriy, Дополнение к ответу выше

Answer 2

[Rsa97]

Лучше использовать всплытие событий

document.addEventListener(
  'mouseover',
  (e) => {
    if (e.target.matches('a')) {
      mouseOverA(e.target);
    } else if (e.target.matches('button')) {
      mouseOverButton(e.target);
    }
  },
);

Тогда вы сможете динамически добавлять/убирать элементы на странице.

Comments

[WbICHA]

[...document.querySelectorAll('a')].forEach()

Зачем для форыча пересобирать в массив?

[Rsa97]

WbICHA, Хм, действительно, уже 4 года как добавили forEach для NodeList, а я всё прошлом живу.

[WbICHA]

Rsa97, бывает.)