Javascript array

JavaScript

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

Patrick Souza

Curtidas 0

Melhor post

Aline Bianchini

Aline Bianchini

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>
GOSTEI 2

Mais Respostas

Réulison Silva

Réulison Silva

14/12/2016

Você também encontrar sua resposta nesse artigo sobre JavaScript Arrays
GOSTEI 0
POSTAR