document.getElementById()のメモ

自分用の備忘録です。

取得したいHTMLのID

qiita(pタグ)
form(inputタグ)

基本的な使い方

main.js

//取得
qiita = document.getElementById("qiita")

テキスト取得＆書き換え

main.js

//取得
qiita = document.getElementById("qiita")
//コンソールに出力
console.log(qiita.innerText)
//文字をHello Qiita!に書き換え
qiita.innerText = "Hello Qiita!"

取得の際に.innerTextを指定すると読み出しはできますが書き換えができません

inputタグを取得

main.js

//取得
form = document.getElementById("form")
//コンソールに出力
console.log(qiita.value)
//文字をHello Qiita!に書き換え
qiita.value = "Hello Qiita!"