javascript - 删除包含特定文本的链接

Question

我正在构建一个词汇表页面。我在页面顶部有一个字母表中每个字母的列表，通过 anchor 文本链接到正确的内容部分。如果信件中没有任何条款，我想删除信件中的链接。

我没有收到任何错误，但据我所知，代码没有删除链接，也没有产生任何影响。

尝试删除 B 的链接

        function removeLink (){

        var letternavcontent = document.getElementById("letternav").innerHTML;
        var letter = document.getElementsByClassName("letter");

         if ( letternavcontent.indexOf('B') > -1) {
         letter.removeAttribute("href");
         }
         }

        <p id="letternav">| <a class="letter" 
        href="/glossary.html#a">A</a> | <a class="letter" 
        href="/glossary.html#b">B</a></p>

Answer 1

检查这个pen .

document.getElementsByClassName 返回具有该类名称的所有元素，而不仅仅是一个。因此，您必须循环浏览此列表并检查每一项。

function removeLink (){

  var letter = document.getElementsByClassName("letter");

  for (var i = 0; i < letter.length; i++) {
    if (letter[i].innerHTML.indexOf('B') > -1) {
      letter[i].removeAttribute("href");
    }
  }
}