読者です 読者をやめる 読者になる 読者になる

fkm ~ Super software entertainerへの道 ~

software開発に関することを書いていきます

よしやるかJavascript(4)

配列を作ったり, 表示してみたりしよう

Step 5

配列の中身を順にulに追加してみよう.

初期化と生成をいっきにやりたいときはnew Array(いれたいもの)で作れる.
Javaだとこんな風にもかけますよね.

String[] names = {"a", "b", "c"};

配列の長さはlengthでとれるので, それを使うとこんな感じ?

<html>
<head>
  <title>Step 5-1</title>
  <script type="text/javascript">
  <!--
  var names = new Array('a', 'b', 'c');
  function moke(){
    var ul = document.getElementsByTagName('ul')[0];
    for (var i = 0 ; i < names.length ; ++i) {
      var li = document.createElement('li');
      li.innerHTML = 'name=' + names[i];
      ul.appendChild(li);
    }
  }
  //-->
  </script>
</head>
<body>
<h1>Step 5-1</h1>

<Input type="button" onclick="moke()" value="Let's push"/>
<ul>
</ul>
</body>
</html>