Dentro do looping FOR, você utilizou sempre o item 0 ao invés da variável "i" para obter o HTML do LI. var conteudoLi = conteudoUl.getElementsByTagName("li")[i]; Segue o exemplo funcionando. <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> function carregarConteudoHtml (){ //renderiza o valor da textarea em uma DIV no documento var htmlEntrada = document.getElementById("html").value; document.getElementById("entradaHtml").innerHTML = htmlEntrada; var html = document.getElementById("entradaHtml"); // armazena a o conteudo da DIV com a UL var conteudoUl = html.getElementsByTagName("ul")[0]; // armazena a UL var numeroLi = conteudoUl.getElementsByTagName("li").length; //conta o número de LIs dentro da UL // faz um loop para o número de LIs que existem na UL for (i = 0; i<numeroLi; i++){ var conteudoLi = conteudoUl.getElementsByTagName("li")[i];// aarmazena o conteudo da primeira LI dentro da UL conteudoUl.removeChild(conteudoUl.firstChild);// exclui a primeira LI para que a LI de baixo seja a primeira var titulo = conteudoLi.getElementsByTagName("a")[0].innerHTML; // armazena o texto (titulo da noticia) que esta dentro do primeiro A na LI var botao = conteudoLi.getElementsByTagName("a")[0].href; // armazena o texto (titulo da noticia) que esta dentro do primeiro A na LI //armazena o que estava antes e soma com o novo var conteudoSaida = document.getElementById("saida").innerHTML; //armazena o conteudo da DIV var noticiaEmail = document.getElementById("saida").innerHTML = "<br>" + conteudoSaida + '<h2>'+titulo+"</h2><a href="+botao+">Saiba mais</a><br>"; // soma o conteudo que tinha antes na DIV e insere com os novos } } <!-- language: lang-html --> <textarea id="html"> <ul> <li> <img src="" alt=""> <a href=""> Título Notícia 1 </a> <br> Texto da noticia 1 <br> <a href="#link1">Leia mais</a> </li> <li> <img src="" alt=""> <a href="#link2"> Título Notícia 2 </a> <br> Texto da noticia 2 <br> <a href="">Leia mais</a> </li> <li> <img src="" alt=""> <a href="#link3"> Título Notícia 3 </a> <br> Texto da noticia 3 <br> <a href="">Leia mais</a> </li> </ul> </textarea> <div id="entradaHtml" style="display: none"></div> <button onClick="carregarConteudoHtml()">OK</button> <div id="saida" contenteditable="true"></div> <!-- end snippet -->