从标签中挑出 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() {&nbsp; &nbsp; var link = document.getElementById("mylink");&nbsp; &nbsp; window.open(&nbsp; &nbsp; &nbsp; link.href,&nbsp; &nbsp; &nbsp; '_blank'&nbsp; &nbsp; );&nbsp; &nbsp; link.innerHTML = "facebook";&nbsp; &nbsp; link.setAttribute('href', "http://facebook.com");&nbsp; &nbsp; return false;}