Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как найти кнопку по изменению атрибута name (https://javascript.ru/forum/dom-window/85736-kak-najjti-knopku-po-izmeneniyu-atributa-name.html)

Ops 02.02.2024 00:22

Как найти кнопку по изменению атрибута name
 
Как найти кнопку по изменению значения атрибута name и как только появляется name="confirm" - кликнуть по ней.

<button type="submit" id="Submit" name="confirm" value="1" class="button-correct" data-dynamic-update="1"><span>Подтвердить</span> </button>


Спасибо.

ruslan_mart 02.02.2024 01:56

Не совсем понял вопрос

Найти кнопку по name и кликнуть по ней:

document.querySelector('[name="confirm"]').click();

Ops 02.02.2024 03:33

Забыл указать что атр name у кнопки изменяется и это дело надо как то мониторить.

Как вам такое?

const clickConfirmButton = () => {
  const confirmButton = document.querySelector('button[name="confirm"]');
  if (confirmButton) {
    confirmButton.click();
  }
};

const observer = new MutationObserver((mutationsList, observer) => {
  for (const mutation of mutationsList) {
    if (mutation.attributeName === 'name' && mutation.target.name === 'confirm') {
      clickConfirmButton();

      observer.disconnect();
    }
  }
});

const config = { attributes: true, childList: false, subtree: false };

observer.observe(document.body, config);

clickConfirmButton();


Часовой пояс GMT +3, время: 08:57.