Document Object Model の略で
Webページの要素にアクセスする仕組み(構造)のことです。
・HTML要素(P,ULなど)にJS(他の言語の場合も有る)からアクセスする為の仕組みの事。
・JSとHTMLの架け橋、インターフェースの役割をはたす、仕組み。HTMLのAPI
と調べてわかったのですが、どうもいまいちピント来ません。
初心者にもわかるように、具体的に教えていただければ幸いです。
また仕組みという単語はITでは非常によく出てきますが、ITで言う仕組みはわかりやすく言うとどういうことなのでしょうか?
辞書
物事の組み立て。構造。機構。「複雑な仕組の機械」「政治の仕組」2 事をうまく運ぶために工夫された計画。くわだて。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答3件
0
自分が理解している感覚で言うと、ページ全体からHTMLの要素1つ1つに至るまで、あらゆる要素をJSでいうオブジェクト(連想配列)として扱う仕組みです。
要素(pタグなど)の1つ1つが様々な情報を含む情報の塊であり、それがJavaScript上でオブジェクトとして扱われています。
HTMLドキュメントはdocumentというオブジェクトに格納されており、そこから必要な要素を取り出して使うことが出来ます。
documentオブジェクトにはメソッドがあり、要素の取得や設定等に使用することが出来ます。
そういった構造・仕組みを指してDOMと呼んでいる、と理解しています。
javascript
1console.log([document]) // documentオブジェクトの参照 2 3document.getElementsByTagName('p'); // documentのメソッドを利用して、p要素を取得する。
投稿2016/12/26 10:06
総合スコア2092
0
ベストアンサー
DOMについて
ざっくり言うとこういうことです。
DOM API 登場以前
IE ─ JScript ─ DOM ─ HTML操作
NN ─ Javascript ─ layers ─ HTML操作
HTML操作の統一的な取り扱いがなく、DHTMLなどを書く時にはブラウザの種類とバージョンにより書き分ける必要がありました。
↓
DOM API 登場以前
IE ─ JScript ──┐
Ch ─ Javascript ┼ DOM API ─ HTML操作
FF ─ Javascript ┤
PHPなどの他言語 ┘
HTML操作を DOM API を介して行うことによって、統一的な取り扱いができ、またブラウザ言語以外でのDOM操作モジュールも登場するようになりました。
たとえば、Docomoやauなどのキャリアごとに仕様が違う携帯電話を想像してみてください。
DocomoからDocomoにかける時と、auからDocomoにかける時で、電話番号が違ったら、とても使いにくいですよね? 1234567890とかけたらDocomoだろうとauだろうと、同じ相手に電話がかかってほしいですよね?
同じように、Documentと書いたら、IEだろうとChromeだろうと同じものを操作できるようにしたいですよね?
それがDOMです。
そういう意味では、プロトコルみたいなものと言ってもいいのかもしれませんね。
投稿2016/12/26 05:14
編集2016/12/26 05:15総合スコア35865
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/12/26 07:07
0
仕組み
仕組みとは「構造」で合っています。
IT特有の特別な意味は全くありませんので日本語として理解すればOKです。
API (Application Programming Interface)
API とは「あるプログラムから別のプログラムにアクセスする時に決められた手順で処理をすれば望む結果が返ってくるように設計されたもの」です。
https://www.google.co.jp/search?q=test でHTTPリクエストを投げると "test" でGoogle検索されたHTML文書が返ってくるのも API の一種です。
q= の後に続く文字列を変更すれば、検索語を変化させることが出来ます。
このように決められた手順で処理を実行すれば、決められた結果が返ってきます。
その決められた手順を「API」と呼び、文書化されたものを「仕様書」と呼びます。
DOM (Document Object Model)
DOM とは JavaScript, PHP, Java 等の様々な言語で扱えるように設計されたAPIの仕様です。
例えば、getElementById
, getElementsByTagName
, querySelectorAll
等があります。
Re: webpage さん
投稿2016/12/25 14:57
編集2016/12/25 15:00総合スコア18156
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/12/26 01:05
退会済みユーザー
2016/12/26 01:05
退会済みユーザー
2016/12/26 01:19
2016/12/26 01:45
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/12/26 12:24
2016/12/26 12:42
退会済みユーザー
2016/12/26 13:21