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

我想从下面的标签中挑出 href="" 标签

<a class="details" href="examplelink.php">Example</a>

最重要的是,我想用 javascript 函数更改该 href

感谢任何帮助。


汪汪一只猫
浏览 182回答 2
2回答

慕姐8265434

您可以使用setAttribute()来设置属性并getAttribute()获取属性:var el = document.querySelector('.details');el.setAttribute('href','https://stackoverflow.com/');console.log(el.getAttribute('href'));<a class="details">Stackoverflow</a>

海绵宝宝撒

您可以将 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;}
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript