Question

如何更改id =“ a1”中的下载URL：

<a id="a1" href="http://domainext.com/idman632build9.exe" rel="nofollow noopener noreferrer">Download</a>

收件人：

domain.com/safelink/?url=http://domainext.com/idman632build9.exe

domain.com/safelink/是我网站上的下载页面

Answer 1

只需使用querySelector访问元素，然后将所需的内容添加到现有href的开头

let a = document.querySelector('#a1');

a.href = "domain.com/safelink/?url=" + a.href

console.log(a.outerHTML)

<a id="a1" href="http://domainext.com/idman632build9.exe" rel="nofollow noopener noreferrer">Download</a>

Answer 2

    const myLinkElement= document.getElementById('a1');
    const currentLink = myelement.getAttribute('href');
    const newLink = "myNewLink";
    myelement.setAttribute('href',`${newLink}?url=${currentLink}`);

这是我建议的解决方案。

Answer 3

JS代码

var extURL = document.getElementById("a1").getAttribute("href");
var appendURL = "domain.com/safelink/?url="
var newURL = appendURL+extURL;

document.getElementById("a1").setAttribute("href",newURL);

Answer 4

您可以使用document.getElementById（在每个浏览器中都可用），然后设置其href属性。

var a1 = document.getElementById("a1")
var newHref = "domain.com/safelink/?url=" + a1.href
console.log(newHref)
a1.href = newHref

<a id="a1" href="http://domainext.com/idman632build9.exe" rel="nofollow noopener noreferrer">Download</a>

如何将URL与javascript结合？

4 个答案: