Jsで要素の取得、書き換え(基本編)

方法

documentオブジェクトを使用する。 documentオブジェクトには、ブラウザに表示されているHTMLや、 それに関連するCSSを操作する為の機能が多数用意されている。

要素の取得

document.getElementById('id名')

使用例

<p id="choice" ここに日時を表示します></p>

console.log(document.getElementById('choice'));

要素の書き換え

document.getElementById('id名').textContent = 書き換えたい文字列

要素のコンテンツを読み取る

サンプル

    document.getElementById('choice').textContent = new Date();
    console.log(document.getElementById('choice').textContent);