LoginSignup
2
1

More than 5 years have passed since last update.

DOM,オブジェクト指向

Last updated at Posted at 2018-07-06

DOMとjsの関係

jsはDOMをもとに操作しているので、DOMができる前に操作しようとするとエラーになる。

オブジェクトの操作方法

1.オブジェクトのメソッドを実行したいとき
オブジェクト名.メソッド名(引数値); 

2.オブジェクトのプロパティを変更したいとき
オブジェクト名.プロパティ名 = 値;

documentオブジェクトの操作方法

HTML5より前
getElemntByid(id値)
getElementsByTagName(タグ名)
getElementsByClassName(クラス名)

HTML5から
querySelector(セレクター)
*セレクターは#titleとか.name

まとめ

  • オブジェクトの持つ変数はプロパティ、関数はメソッド。
  • 現実世界の考えをプログラムの世界に取り入れた仕組みの言語をオブジェクト指向言語といってる。
  • jsはDOMが作られてから実行されればいいからDOMContentLoadedを使おう。

ウェブカツ!!

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1