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

fkm ~ Super software entertainerへの道 ~

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

よしやるかJavascript(2)

DOMを操作してみる.

Step 3

ボタンを押したとき, idがtextの要素の中身を書き換えてみる.

getElementById(id)で要素が取り出せる. idは一意のはずなので1つだけとれる.

innerHTMLに要素の中身が入ってる.

<html>
<head>
  <title>Step 3</title>
  <script type="text/javascript">
  <!--
  function moke(){
    var p = document.getElementById('text');
    p.innerHTML = 'after';
  }
  //-->
  </script>
</head>
<body>
<h1>Step 3</h1>

<Input type="button" onclick="moke()" value="Let's push"/>
<p id="text">Before</p>
</body>
</html>