如何从捕获的innerHTML值构造JavaScript中的链接？

Question

假设我有

    <a href="#" id="someid">findme</a>  (innertext can be whatever other than findme)

当我点击“findme”时，我想重定向到“/?q=findme”页面。 （该值应该在 /?q= 之后插入以创建一个新链接，页面应该重定向到该链接。）如何使用 javascript 做到这一点？

Answer 1

获取链接的内部文本并修改 href 属性以指向您的首选位置。

 const linkElement = document.getElementById('someid'); //get your link element by id const innerValue = linkElement.innerText // get inner text value linkElement.href = '/?q=' + innerValue // set href attribute

 <a href="#" id="someid">findme</a>

Answer 2

像这样

 const lnk = document.getElementById("someid"); // direct access lnk.href = "/?q="+lnk.textContent; // set the href attribute

 <a href="#" id="someid">findme</a>

更多信息：

 [...document.querySelectorAll("#container a")] // get the html node list of anchors in the container .forEach(lnk => lnk.href = "/?q="+lnk.textContent); // set each of the hrefs

 <div id="container"> <a href="#" id="find">findme</a> <a href="#" id="goto">goto</a> </div>