Live Nodelists

by Ronny

HTML

<p id="first">First Message</p>
<p>Message</p>
<p>Message</p>
<p>Message</p>
<p>Message</p>
<p>Message</p>
<p>Message</p>
<p>Message</p>
<p>Message</p>

CSS

#first {color: red; font-weight: bold;}

JavaScript

var paragraphs = document.getElementsByTagName('p'),
    // If we used jQuery or querySelectorAll here we wouldn't get a Live NodeList, and the script would break.
    body = document.getElementsByTagName('body')[0];
    console.log('Number of paragraphs:', paragraphs.length);

function removeParagraphs(){
    body.removeChild(paragraphs[0]);
    console.log('Number of paragraphs:', paragraphs.length);
    setTimeout(removeParagraphs, 500);
}

setTimeout(removeParagraphs, 500);