0

Quero preencher as tags li com o que tem na array nomes.

Eu sei para que o atributo value serve, é longe do que eu quero fazer. Mas deixei aí pra ilustrar.

    var nomes = ["Diego", "Gabriel", "Lucas"];
    var listaUl = document.querySelector('div#app ol.lista'); 

    function listarNomes(nomes) {
        for(let i = 0; i <= nomes.length-1; i++){
            var item = document.createElement('li');
            item.setAttribute('name', nomes[i]); //é aqui que preciso de ajuda
            listaUl.appendChild(item);
        }
    }    
1
  • 1
    Em vez de i <= nomes.length-1, use i < nomes.length.
    – Meu ovo
    5/02/2020 às 22:45

1 Resposta 1

2

Não sei se entendi direito a pergunta, mas, para fazer o que descreveu o setAttribute() não ajudaria, pois, ele serve para setar valores para atributos Html como o próprio nome do método demonstra, no seu caso um textContent supriria o que deseja:

var nomes = ["Diego", "Gabriel", "Lucas"];
var listaUl = document.querySelector('div#app ol.lista');

function listarNomes(nomes) {
  for (let i = 0; i <= nomes.length - 1; i++) {
    var item = document.createElement('li');
    item.textContent = nomes[i];
    listaUl.appendChild(item);
  }
}

listarNomes(nomes)
<div id="app">
  <ol class="lista"></ol>
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .