При нажатии кнопки закрытия в лайтбоксе перенаправление на другой URL

Question

Вот в чем дело. Я работаю над лайтбоксом elementor EA. Поэтому, когда я нажимаю на изображение, всплывает лайтбокс с видео. Поэтому я хочу, чтобы он перенаправлялся, когда человек нажимает кнопку «X». Я знаю, что мы можем добиться этого с помощью сценария, добавив идентификатор к кнопке и перенаправив ее на ссылку. Но проблема в elementor, мы не можем добавить ID или Class к кнопке закрытия. Вот как выглядит кнопка закрытия.

<button title="Close" type="button" class="mfp-close">×</button>

Это код, который я пробовал. Но по какой-то причине он не работает с getElementsByClassName. И как я уже сказал, я даже не могу добавить ID к кнопке.

<script type="text/javascript">
    document.getElementsByClassName("mfp-close").onclick = function () {
        location.href = "www.google.com";
    };
</script>

Кто-нибудь может увидеть, как это может работать? Любая помощь, пожалуйста?

Answer 1

document.getElementsByClassName("mfp-close") вернуть массив

вы можете попробовать

document.getElementsByClassName ("mfp-close") [0]

<script type="text/javascript">
    document.getElementsByClassName("mfp-close")[0].onclick = function () {
        location.href = "www.google.com";
    };
</script>

Answer 2

Измените класс на ID, а затем:

<script type="text/javascript">
    $("#mfp-close).click(function () {
    window.location.href = "www.google.com";
    });
</script>

Answer 3

ПОПРОБОВАТЬ, используя querySelector вместо getElementByClassName

document.querySelector(".mfp-close").onclick = function () {
    location.href = "www.google.com";
};