从标签中挑出 href="" 并通过 javascript 更改它

Question

我想从下面的标签中挑出 href="" 标签<a class="details" href="examplelink.php">Example</a>最重要的是，我想用 javascript 函数更改该 href感谢任何帮助。

Answer 1

您可以使用setAttribute()来设置属性并getAttribute()获取属性：

var el = document.querySelector('.details');

el.setAttribute('href','https://stackoverflow.com/');

console.log(el.getAttribute('href'));

<a class="details">Stackoverflow</a>

Answer 2

您可以将 onClick 函数添加到标签，它在 href 之前触发，因此它会在页面打开之前发生变化，您需要使该函数处理窗口打开，如下所示：

<a onClick="changeLink">Click to set href</a>

function changeLink() {

    var link = document.getElementById("mylink");

    window.open(

      link.href,

      '_blank'

    );

    link.innerHTML = "facebook";

    link.setAttribute('href', "http://facebook.com");

    return false;

}