JSのデータ型は2種類ある。
・プリミティブ型
・オブジェクト型
プリミティブ型は7種類
・Null
・Undefined
・論理
・数値
・長整数
・文字、文字列 → ””で囲われた文字
・シンボル
オブジェクト型はたくさんある。
・プリミティブ型以外のデータ型は全てオブジェクト型である。
オブジェクト型の例
document
メソッド
プロパティ
documentはどこからでもアクセスできるグローバル
???
documentはDOMと関係があるらしいけどどんな関係なのかがよくわからない。
→DOMはブラウザの内部表現の(頭のなか)
→ブラウザ経由でDOMを操作できる。
DOMという抽象的な概念があってDOMを具体的に使うときにdocumentとなる。
メソッド
getElementById()
・htmlの要素をgetElementById()で取得して、HTMLの要素を変数や代入を使って操作できる
addEventListener()
引数
addEventListener("click"){}
clickを指定するとクリックした時にイベントが起きる。
addEventListener("dblclick")
dblclickを指定するとダブルクリックした時にイベントが起きる。
addEventListenerとonclickの違い
条件
hogeとfooという文字列が出力されるプログラムを書いたら
foge
foo
と出力されるが、onclickはプロパティなので新しい文字列を書いたら更新される
結果、
fooのみが出力される
HTMLelementは英語のhave
innnerTextは指定されたidのテキストを変更できる。