JavascriptでHTML要素(DOM要素)のプロパティにアクセスする方法

結論

基本的にはdocument○○に対して「.ドット○○」でアクセスできます。
JavascriptでDOM要素を操作するときに絶対必要になる知識。できれば覚えたいところだが。

引用

Google検索「document プロパティ 一覧
https://phpjavascriptroom.com/?t=js&p=dom_property

DOM取得(HTML要素を取得する)

個人的にいままで書いたコードの7割が以下の2つを使用して取得しています。

  • document.getElementById(“idセレクタ”)
  • document.querySelector(“セレクタ”)

主なプロパティへのアクセス

  • .innerText
  • .innerHTML
  • .value
  • .href
  • .attributes
  • .id
  • .firstChild
  • .lastChild
  • .childNodes