javascript - 在javaScript中遍历元素

Question

我需要更改框中链接的 href。我只能使用原生javaScript。不知何故，我在遍历元素以匹配正确的 <a> 时遇到问题标签。

由于该容器内的所有 a 标记除了 href 值外都是相同的，因此我需要使用该值来获取匹配项。

到目前为止我已经尝试过:

var box = document.getElementsByClassName('ic-Login-confirmation__content');
var terms = box.querySelectorAll('a');
if (typeof(box) != 'undefined' && box != null) {
  for (var i = 0; i < terms.length; i++) {
    if (terms[i].href.toLowerCase() == 'http://www.myweb.net/2/') {
      terms[i].setAttribute('href', 'http://newlink.com');
    }
  }
}

但是，我不断收到“未捕获的类型错误:box.querySelectorAll 不是函数”。我需要做什么才能使这项工作成功？

Jsfiddle here .

Answer 1

querySelectorAll 的美妙之处在于您不需要那样遍历 - 只需使用

var terms = document.querySelectorAll('.ic-Login-confirmation__content a');

然后迭代这些。更新 fiddle :https://jsfiddle.net/4y6k8g4g/2/

事实上，整个事情可以简单得多

var terms = document.querySelectorAll('.ic-Login-confirmation__content a[href="http://www.myweb.net/2/"]');
if(terms.length){
    terms[0].setAttribute('href', 'http://newlink.com');
}

实例:https://jsfiddle.net/4y6k8g4g/4/