remove textnode after it is created from the array

I am asking if you could possibly help me out with this DOM/JS issue.

I have created an array that holds three textmessages, how can I
remove the created textNode and feed the next message in line? Is
there also an issue with cleaning any whitespace too?

A code snippet:
----------------------

var altTextBanners = new Array(
"myText1",
"myText2",
"myText3");

altTextBanners.currentIndex = -1;

function initRotate() {

if (!document.getElementById) return;

altTextBanners.currentIndex++;

var text = document.createTextNode(altTextBanners[altTextBanners.currentIndex]);
var message = document.getElementById("message");
message.appendChild(text);
// how to remove the created TextNode and get the next one in the array
// ... ??
}

HTML

<span id="message"></span>

You'll need to call that function with setTimeout() or setInterval() so that people will have time to read the text.

Try this.
message.removeChild(message.firstChild);

I use setTimeout, simplified code here.
your idea only removes the created El

Yes, it only removes the text node.

I'm not sure why you need to ask how to add the next bit of text to the element. The other part is easy just call the function again.

If you want more help than that, please post your real code.

but why create/append/remove when you can simply replace it using data method?
...
altTextBanners.currentIndex++;
document.getElementById("message").firstChild.data=altTextBanners[altTextBanners.currentIndex];
...

but make sure that initially the span has a first child already, let's say

<span id="message">&nbsp;</span>

Ah, you're right Kor. Using the data property of a text node is easier.

How about this:



window.onload = initRotate;

var altTextBanners = new Array(
"myText1",
"myText2",
"myText3");

altTextBanners.currentIndex = 0;


function initRotate() {
if (!document.getElementById) return;

var text = document.createTextNode(altTextBanners[altTextBanners.currentIndex);
var message = document.getElementById("message");

if( message.firstChild ) {
message.replaceChild(text,message.firstChild);
} else {
message.appendChild(text);
}

setTimeout(initRotate, 1000);

altTextBanners.currentIndex++;
altTextBanners.currentIndex = altTextBanners.currentIndex %
altTextBanners.length;
}




this works fine

if it works, it's OK. Still, if there is a shorter method, I should have chosen it.