2 replies to this topic

[Insert]

COmo posso fazer para adicionar um <li> numa lista sem remover os que ja existem?

Formato atual esta assim:

<ul id="lista">
<li id="item1">Item 1</li>
<li id="item2">Item 2</li>
<li id="item3">Item 3</li>
<li id="item4">Item 4</li>
<li id="item5">Item 5</li>
</ul>

Sei que da pra escrever usando o innerHTML o que desejo mas minha duvida é de como nao apagar os outros, como inserir ele no final da lista ja existente

Agradeço desde já a ajuda.

[Ticreca]

usa o createElement e o appendChild que da certo

var ul = document.getElementById('lista');

var li = document.createElement('li');
li.setAttribute('id','id_da_li');
li.innerHTML = 'Texto a ser exibido';

ul.appendChild(li);

acho que assim pode dar certo.

[Insert]

Muito bom, obrigado pela ajuda.