how to change text in a div with a link, and keep changing it every time link is clicked

is there a way to change the text inside a div using a link, but to keep changing it every time the link is clicked? I tried innerhtml and I can get it to change once, but after it is changed how to change y开发者_运维知识库et again to new text. The end result is every time the "next" link is clicked new text loads? I do not have any code to start from so any help would be great

I'm not really sure you want the text to be, but you should be able to customize this to make it work no matter where you're getting the text from:

(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/