Как спрятать ссылку средствами JS

Question

Столкнулся с проблемой, нужно скрыть ссылку посредством JS. Много всяких вариантов нашел, но почему-то не один не работает.

Один из вариантов: <span class="my-link" data-url="http://google.com/">Ссылка</span>

Добавляю в файл JS код и подключаю:

document.getElementsByClassName('my-link').forEach(function(link) {
  link.onclick = function() {
    window.open(link.dataset.url); // Если хочешь открыть новую вкладку
    location.href = link.dataset.url; // Если хочешь перейти по ссылке в этой вкладке
  };
});

На выходе получаю

Uncaught TypeError: document.getElementsByClassName(...).forEach is not a function

Также пробовал такой вариант:

<span class="hidden-link" data-link="http://goo.gl">внешняя ссылка</span>

Добавляю в JS код:

function jslink() {
    $('.hidden-link').replaceWith(function(){
        return'<a href="'+$(this).data('link')+'">'+$(this).text()+'</a>';
    })
}

Движок Wordpress.

Answer 1

let links = document.querySelectorAll('.my-link');
links.forEach(function(link) {
  link.onclick = function() {        
    window.open(link.dataset.url); // Если хочешь открыть новую вкладку
    location.href = link.dataset.url; // Если хочешь перейти по ссылке в этой вкладке
  };
});

БЛОГ НА HUSL

Как спрятать ссылку средствами JS

Ответы (1 шт):