DOMとjsの関係
jsはDOMをもとに操作しているので、DOMができる前に操作しようとするとエラーになる。
オブジェクトの操作方法
1.オブジェクトのメソッドを実行したいとき
オブジェクト名.メソッド名(引数値);
2.オブジェクトのプロパティを変更したいとき
オブジェクト名.プロパティ名 = 値;
documentオブジェクトの操作方法
HTML5より前
getElemntByid(id値)
getElementsByTagName(タグ名)
getElementsByClassName(クラス名)
HTML5から
querySelector(セレクター)
*セレクターは#title
とか.name
まとめ
- オブジェクトの持つ変数はプロパティ、関数はメソッド。
- 現実世界の考えをプログラムの世界に取り入れた仕組みの言語をオブジェクト指向言語といってる。
- jsはDOMが作られてから実行されればいいからDOMContentLoadedを使おう。