Skip to main content
adicionou 14 caracteres ao conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Tens duas opões, ou usas um <br> que faz exatamente "quebra de linha" ou colocas esse conteúdo dentro de um elemento bloco, como o p. Ou outro elemento qualquer não "bloco" mas com display: block no css.

Nota:

  • tens de usar += para evitar estar sempre a apagar e escrever por cima dentro do loop. Com o += ele vai acrescentando.
  • muda o document.getElementById('divExibir'); para fora do loop. Essa linha atrasa o código.

##Usando <br>:

var keyCliente = 5;
var divExibir = document.getElementById("divExibir")
for (var i = 1; i <= keyCliente; i++) {
    divExibir.innerHTML += i + '<br>';
}

jsFiddle: https://jsfiddle.net/euerct5u/https://jsfiddle.net/euerct5u/3/

##Usando <p>:

var keyCliente = 5;
var divExibir = document.getElementById("divExibir")
for (var i = 1; i <= keyCliente; i++) {
    var p = document.createElement('p');
    p.innerHTML = i;
    divExibir.appendChild(p);
}

###jsFiddle: https://jsfiddle.net/euerct5u/1/https://jsfiddle.net/euerct5u/4/

ou, alternativa:

var keyCliente = 5;
var divExibir = document.getElementById("divExibir")
for (var i = 1; i <= keyCliente; i++) {
    divExibir.innerHTML += '<p>' + i + '</p>';
}

jsFiddle: https://jsfiddle.net/euerct5u/2/https://jsfiddle.net/euerct5u/5/

Tens duas opões, ou usas um <br> que faz exatamente "quebra de linha" ou colocas esse conteúdo dentro de um elemento bloco, como o p. Ou outro elemento qualquer não "bloco" mas com display: block no css.

Nota:

  • tens de usar += para evitar estar sempre a apagar e escrever por cima dentro do loop. Com o += ele vai acrescentando.
  • muda o document.getElementById('divExibir'); para fora do loop. Essa linha atrasa o código.

##Usando <br>:

var keyCliente = 5;
var divExibir = document.getElementById("divExibir")
for (i = 1; i <= keyCliente; i++) {
    divExibir.innerHTML += i + '<br>';
}

jsFiddle: https://jsfiddle.net/euerct5u/

##Usando <p>:

var keyCliente = 5;
var divExibir = document.getElementById("divExibir")
for (i = 1; i <= keyCliente; i++) {
    var p = document.createElement('p');
    p.innerHTML = i;
    divExibir.appendChild(p);
}

###jsFiddle: https://jsfiddle.net/euerct5u/1/

ou, alternativa:

var keyCliente = 5;
var divExibir = document.getElementById("divExibir")
for (i = 1; i <= keyCliente; i++) {
    divExibir.innerHTML += '<p>' + i + '</p>';
}

jsFiddle: https://jsfiddle.net/euerct5u/2/

Tens duas opões, ou usas um <br> que faz exatamente "quebra de linha" ou colocas esse conteúdo dentro de um elemento bloco, como o p. Ou outro elemento qualquer não "bloco" mas com display: block no css.

Nota:

  • tens de usar += para evitar estar sempre a apagar e escrever por cima dentro do loop. Com o += ele vai acrescentando.
  • muda o document.getElementById('divExibir'); para fora do loop. Essa linha atrasa o código.

##Usando <br>:

var keyCliente = 5;
var divExibir = document.getElementById("divExibir")
for (var i = 1; i <= keyCliente; i++) {
    divExibir.innerHTML += i + '<br>';
}

jsFiddle: https://jsfiddle.net/euerct5u/3/

##Usando <p>:

var keyCliente = 5;
var divExibir = document.getElementById("divExibir")
for (var i = 1; i <= keyCliente; i++) {
    var p = document.createElement('p');
    p.innerHTML = i;
    divExibir.appendChild(p);
}

###jsFiddle: https://jsfiddle.net/euerct5u/4/

ou, alternativa:

var keyCliente = 5;
var divExibir = document.getElementById("divExibir")
for (var i = 1; i <= keyCliente; i++) {
    divExibir.innerHTML += '<p>' + i + '</p>';
}

jsFiddle: https://jsfiddle.net/euerct5u/5/

Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Tens duas opões, ou usas um <br> que faz exatamente "quebra de linha" ou colocas esse conteúdo dentro de um elemento bloco, como o p. Ou outro elemento qualquer não "bloco" mas com display: block no css.

Nota:

  • tens de usar += para evitar estar sempre a apagar e escrever por cima dentro do loop. Com o += ele vai acrescentando.
  • muda o document.getElementById('divExibir'); para fora do loop. Essa linha atrasa o código.

##Usando <br>:

var keyCliente = 5;
var divExibir = document.getElementById("divExibir")
for (i = 1; i <= keyCliente; i++) {
    divExibir.innerHTML += i + '<br>';
}

jsFiddle: https://jsfiddle.net/euerct5u/

##Usando <p>:

var keyCliente = 5;
var divExibir = document.getElementById("divExibir")
for (i = 1; i <= keyCliente; i++) {
    var p = document.createElement('p');
    p.innerHTML = i;
    divExibir.appendChild(p);
}

###jsFiddle: https://jsfiddle.net/euerct5u/1/

ou, alternativa:

var keyCliente = 5;
var divExibir = document.getElementById("divExibir")
for (i = 1; i <= keyCliente; i++) {
    divExibir.innerHTML += '<p>' + i + '</p>';
}

jsFiddle: https://jsfiddle.net/euerct5u/2/