Help us understand the problem. What is going on with this article?

DOM,オブジェクト指向

More than 1 year has passed since last update.

DOMとjsの関係

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

オブジェクトの操作方法

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

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

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

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

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

まとめ

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

ウェブカツ!!

Take_jpn
パダワンエンジニアの学習帳
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away