Skip to main content
2 de 2
adicionou 129 caracteres ao conteúdo

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];

Para interagir usando á variável "i", tive que tirar a seguinte linha:

conteudoUl.removeChild(conteudoUl.firstChild)

Segue o exemplo funcionando.

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
            }
        }
<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>