如何使用链接更改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/