javascript - 更改链接元素内的文本

Question

点击 3 次后，我想将链接文本更改为“完成”而不是“下一步”。我以为是innerHTML，但我无法改变它。

谢谢

fiddle 演示:http://jsfiddle.net/2w4YJ/2/

     var clicks = 0;
        var a = document.getElementsByClassName('buttonred');
        var link = document.getElementsByTagName('a');
        button.onclick = function(e){

            if(clicks === 0){
                clicks ++;
                loadStudent();
                console.log("1");
            }else if(clicks === 1){
                clicks++;
                loadStudent2();
                console.log("2");
            }else if(clicks === 2){
                clicks ++;
                loadStudent3();

                console.log('3');
            }else{
                console.log(link);
                button.disabled = true;


                link.innerHTML = "done!";
                //button.setAttribute('disabled', 'disabled');
                console.log(button);
            }

Answer 1

getElementsByTagName，顾名思义，返回一个元素列表。因此，您正在检索与 anchor 标记匹配的元素数组。

要快速修复，请将有问题的代码行更改为:

link[0].innerHTML = "done!"

这应该会在 fiddle 中产生此行为.

但是，您无法总是预测所需的 anchor 标记将是该数组中的第一个元素。因此，最好为 anchor 提供一个 ID，然后使用 JavaScript 的 getElementById 方法来引用它。