Javascript array

14/12/2016

Preciso pegar o valor de uma array e criar uma lista na tela dentro de uma <li> </li> usando Javascript, como posso fazer ?

Patrick Souza

Curtir t�pico + 0

Responder

Post mais votado

15/12/2016

Ol� Patrick

Em Javascript poderia ser algo tipo assim:

<html>
<body>

<p id="teste"></p>

<script>
var cars = ["Saab", "Volvo", "BMW"];

var list = "<ol>";

for(var i = 0; i < cars.length; i++){
	list = list + "<li>" + cars[i] + "</li>" 
}

list = list + "</ol>";
document.getElementById("teste").innerHTML = list;
</script>

</body>
</html>

Se voc� estiver utilizando Jquery, ficaria mais 'bonito':

<html>
  <head>
    <script type='text/javascript' src='js/jquery-1.3.2.js'></script>
    <script type='text/javascript'>
$(document).ready(
  function() {
    var $cars= [
      'Saab',
      'Volvo',
      'BMW'
      ];

    $($cars).each(
      function() {
        $('ol').append("<li>" + this + "</li>");   
      }
    );
  }
);
    </script>

  </head>
  <body>
     <ol>
     </ol>
  </body>
</html>

Aline Bianchini

Responder

Gostei + 2

Mais Posts

12/09/2017

R�ulison Silva

Voc� tamb�m encontrar sua resposta nesse artigo sobre JavaScript Arrays

Responder

Gostei + 0