コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > Dom探索の基礎を詳しく解説

Dom探索の基礎を詳しく解説

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース： 2016-10-12 09:50:15
オリジナル
893 人が閲覧しました

DOM について知る

DOMレベル

enter description here



注: DOM レベル 0 標準は実際には存在しません。これは、歴史的な座標系の単なる参照点です。具体的には、IE4.0 および Netscape Navigator4.0 で元々サポートされていた DHTML を指します。

ノードタイプ

enter description here



注意: 1. ノードは要素内の属性を表します。属性は実際には要素に付加されるため、DOM では属性ノードは要素の子ノードとはみなされません。ドキュメント ツリーの一部、つまり属性。ノードはそれを含む要素ノードの一部とみなされ、ドキュメント ツリー内に別個のノードとして表示されません。 2. ドキュメントフラグメントノードは、ノードを挿入する際のプレースホルダーとして機能します。 3.IE は文字定数をサポートしません (IE には Node オブジェクトがないため)。

DOMの準備完了

HTML タグは、DOM ノードになる前にブラウザーによって解析される必要があります。
enter description here
enter description here
DOM Ready は window.onload よりも最適化されています。

継承階層とネストルール

enter description here



enter description here
HTML ネストルール
enter description here
ブロック要素とインライン要素のネスト ルール

  • ブロック要素にはインライン要素または特定のブロック要素を含めることができますが、インライン要素にはインライン要素のみを含めることができます。

  • h1~h6、p、dt などの特殊タグにはインライン要素のみを含めることができます。

参考資料：MOOC - DOM探索の基礎を詳しく解説

関連ラベル：
Dom探索之基础详解
前の記事：html&css静的ページ 次の記事：キャンバス ゲーム 貪欲な蛇
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
リモート ウェアハウスを git に追加した後、プッシュできません
から 1970-01-01 08:00:00
0
0
0
Objective-C のブロックと Swift のクロージャの違いは何ですか?
から 1970-01-01 08:00:00
0
0
0
github - git は特定のサフィックスを除くすべてのファイルを無視できますか
から 1970-01-01 08:00:00
0
0
0
object-c - この cas ファイルを偶然見ましたか?これはどのように書かれているか聞いてもいいでしょうか？
から 1970-01-01 08:00:00
0
0
0
bash での git 完了エラー
から 1970-01-01 08:00:00
0
0
0
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート