javascript – 无论如何要更改没有id和没有jquery的链接的href?

前端之家收集整理的这篇文章主要介绍了javascript – 无论如何要更改没有id和没有jquery的链接的href?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在与客户合作,我只允许使用 javascript(不要问为什么我不知道).他们没有jquery设置,他们不想要它(我再也不知道为什么)

无论如何,页面上有一个链接,他们希望将href更改为页面加载.以下是链接结构.

<a class="checkout_link" title="Checkout" href="current_url">Checkout</a>

我想知道是否有任何方法可以使用基本的javascript为上面的链接更改页面加载的href?如果是这样我怎么去做呢?

谢谢

解决方法

window.onload=function() {
  var links = document.links; // or document.getElementsByTagName("a");
  for (var i=0,n=links.length;i<n;i++) {
    if (links[i].className==="checkout_link" && links[i].title==="Checkout") {
      links[i].href="someotherurl.html";
      break; // remove this line if there are more than one checkout link
    }
  }
}

更新以包含更多方法获取新浏览器中的链接

document.querySelector("a.checkout_link"); // if no more than one
document.querySelectorAll("a.checkout_link"); // if more than one

更具选择性:

document.querySelector("a[title='Checkout'].checkout_link");
window.onload = function() {
  alert(document.querySelector("a[title='Checkout 2'].checkout_link").href);
}
<a href="x.html" class="checkout_link" title="Checkout 1" />Checkout 1</a>
<a href="y.html" class="checkout_link" title="Checkout 2" />Checkout 2</a>

猜你在找的jQuery相关文章