如何使用链接更改 div 中的文本，并在每次单击链接时不断更改

Question

有没有办法使用链接更改 div 内的文本，但每次单击链接时都要不断更改它？我尝试了innerhtml，我可以让它更改一次，但是在更改之后如何再次更改为新文本。最终结果是每次单击“下一个”链接时都会加载新文本？我没有任何代码可以开始，所以任何帮助都会很棒

Answer 1

我不确定你想要文本，但你应该能够自定义它以使其无论从哪里获取文本都可以工作：

(function(){
    var texts = [
    'This is the first message',
    'This is the second message',
    'This is the last message'
    ], i = 0;

    document.getElementById('text').innerHTML = texts[0];

    document.getElementById('left').onclick = function(){
        if(i <= 0)
            i += 3;
        document.getElementById('text').innerHTML = texts[--i%texts.length];
    }

    document.getElementById('right').onclick = function(){
        document.getElementById('text').innerHTML = texts[++i%texts.length];
    }
})();

http://jsfiddle.net/YDA7v/