Как правильно при помощи своего расширения добавить кнопку на чужой сайт, чтобы она вызывала обработчики событий сайта, на который была добавлена?

Question

[Никита Стечкин]

Есть сайта, в js файлах которого сначала получают элемент со страницы

button = document.querySelector('.elem');

А потом вешают на него слушатель

button .addEventListener('click', (e) => {
            function();
        });

Мне нужно сделать так, чтобы при нажатии на кнопку с классом .elem, которая создается моим расширением для браузера, могла вызваться функция function().
В коде кнопку я добавляю так:

document.body.innerHTML +=
    '<a href="javascript:void(0)" class="elem" data-intro="Текст">Текст</a>';
}

На одно из страниц сайта эта кнопка есть, оттуда я скопировал ее код, но при моем добавлении кнопки функция не вызывается

Comments

[imko]

Что-то тут нечисто, если мне не изменяет память .on() это метод JQuery, а результат поиска document.querySelector() - Element, а не объект JQuery и работать это в принципе не будет

Answer 1

[godsplane]

Во первых querySelector возьмет только первый элемент , даже если бы вы правильно указали класс как class="elem" , а не class=".elem", то это бы вряд ли к чему то привело.