Elementとは??


今回は、JSでの要素の取得と書き換えについて学習していきます。

getElement

index.html
<p id="choice">日時を表示します</p>
  <script>
    'use strict';

  document.getElementById('choice').textContent = new Date();
  </script>

document.getElementById('id')▶ 特定のidをもつ要素を取得する
これで、choiceを取得することができました。
次に、これを書き換えて行きます。

document.getlementById('id').textContent = 書き換えたい文字列
にすることで、書き換えることができます。

elementオブジェクトとは??

HTMLの中にある要素を内包したオブジェクトのことです。
いくつかありますが、id,classname,innerHTML,clientHeight,childNodesなどがあります。
Element ▶ HTMLにおける要素(タグ)になります。

その他にも、createElementでは、HTMのタグを生成することもできます。