「初学者向け」JavaScript | DOMとは 

「初学者向け」JavaScript | DOMとは 

10月 4, 2020

 

JavaScriptの学習を進めていく上で重要な「DOM」について解説します。

> Document Object Model

 

DOMとはDocument Object Model(ドキュメント オブジェクトモデル)の略になります。

JavaScript ではHTMLWEBページを操作する事ができます。

その際にHTMLやWEBページをJavaScript(プログラミング言語)と繋ぐ役割を持つのがDOMになります。

DOMには2つ大きな特徴があります。

ツリー構造

 

DOMHTMLドキュメントを階層構造で扱っています。

これをDOMツリーと呼びます。

各要素はノードとも呼ばれる

 

各要素はノードとも呼ばれます。

ノードにも種類がありますがここではノードとも呼ばれる、という事を覚えておきましょう。

まとめ

 

・HTMLやWEBページをJavaScript(プログラミング言語)と繋ぐ役割を持つのがDOM

・ツリー構造を持っている