javascript - 使用 JavaScript 更改 anchor 文本

Question

我正在尝试更改 anchor 标记的文本。我之前已经通过定位它所在的 DIV，然后定位该 DIV 中的 anchor 标记来完成此操作。但是 anchor 标签上没有任何 div 或分配的 ID，我迷路了。这是我到目前为止所拥有的:

HTML:

<a href="#" class="small quality hide-forsmall" >Link Text</a>

JavaScript:

var anchor=document.getElementsByClassName("quality");
anchor.innerHTML="Changed Text";

Answer 1

要获取具有特定类名的每个元素，您需要循环遍历集合。这是一个简单的例子:

http://jsfiddle.net/QU7Kv/1/

<a href="#" class="small quality hide-forsmall" >Link Text</a>


<script>
    (function (){
        var anchor=document.getElementsByClassName("quality");
        for(var i = 0; i < anchor.length; i++){
            anchor[i].innerHTML="Changed Text";
        };
     })()
</script>