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

Question

我正在与客户合作,我只允许使用javascript(不要问为什么我不知道).他们没有jquery设置,他们不想要它(我再也不知道为什么)

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

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

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

谢谢

Answer 1

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"); 

if (links[i].classList.contains("checkout_link") ...

window.onload = function() {
  alert(document.querySelector("a[title='Checkout 2'].checkout_link").href);
}