HTML DOM (学習ノート 1)_html/css_WEB-ITnose

そうですね、私はしばらく働いてきて、プログラミングについての理解が深まりました。HTML/CSS/JAVASCRIPT は比較的簡単で、W3C はよく見る Web サイトです。この知識を学ぶために、フロントエンドについてさらに学ばせてくれた彼女にはとても感謝していますが、今はフロントエンド エンジニアにとって最も重要なことは、これらのことに取り組むことだとは思っていません。もちろん、考慮すべき問題はさらに広く、より深くなるはずです（アーキテクチャの問題、互換性の問題、パフォーマンスの問題、さまざまなプラグイン、JS ライブラリ、さまざまなフロントエンド ツールなど）。これらの内容は非常に豊富です。私もそれに非常に興味があり、よりプロフェッショナルだと思います。少なくとも、バグを修正したり、顧客のためにデータを変更したり、ドキュメントを書いたり、テストしたり、公開したり、複数のプロジェクトを毎日行ったり来たりするよりも楽しいと感じます。以前、ブログを書くときは、他の人が書いたことのないこと、私が個人的に経験したこと、そして他の人にとっても自分自身にとっても価値のあるものを書きたいと常に思っていました。やはり、自分の理解に沿って整理されていても、頻繁に使わないと時間の経過とともにだんだんと曖昧になってしまうので、自分の学習経験は記録すべきだと今は感じています。知識の理解！私は天才ではありません。頭の中で世界を理解するための公式やコードや特別な方法はありません。ですから、現実的な方法で一歩ずつ進んでいくことにします。

1: HTML DOM とは何ですか?

まずは単純な HTML ドキュメントの構造を見てみましょう

えーっ

ドキュメント全体を時計回りに 90 度回転すると、次のようになります

HTML DOM の完全な英語名は: Hyper Text Markup Language ドキュメント オブジェクト モデル 中国語に翻訳すると、ハイパーテキスト マークアップ言語のドキュメント オブジェクト モデルです。私の理解では、HTML ドキュメントを別の観点から見ると、HTML ドキュメントの操作は DOM ツリーの操作と見なすことができます。木！

W3C の説明は次のとおりです。DOM は W3C 標準であり、HTML および XML ドキュメントにアクセスするための標準を定義します (W3C DOM は、プログラムとスクリプトがドキュメントのコンテンツと構造に動的にアクセスして更新できるようにする、プラットフォームと言語に依存しないインターフェイスです)。 W3C 標準は 3 つの異なる部分に分かれています:

1) コア DOM?? あらゆる構造化ドキュメントの標準モデル

2) XML DOM?? XML ドキュメントの標準モデル

3) HTML DOM ?? ?HTML ドキュメントのモデル

ここでは HTML DOM についてのみ説明します。公式の説明は次のとおりです:

1) HTML 標準オブジェクト モデル

2) HTML 標準プログラミング インターフェイス

3) W3C 標準

HTML DOM オブジェクトとすべての HTML 要素の属性と、それらにアクセスするためのメソッド。簡単に言うと、HTML DOM は HTML 要素を取得、変更、追加、削除する方法に関する標準です。つまり、HTML ドキュメントを操作するもう 1 つの方法は、HTML ドキュメントを操作するためにスクリプト言語である JAVASCRIPT を追加することです。

2: HTML DOM の役割は何ですか?

そうですね、最も重要なことは、JAVASCRIPT またはサーバーサイド スクリプトを使用して HTML ドキュメントを制御できるため、Web サイトの動的な対話性を強化することです。

3: HTML DOM のコンテンツの重要なポイントは何ですか?

HTML ドキュメントを DOM ツリーに変更した後、DOM ツリーを操作するとき、ノードの構造やスタイルを変更、追加、削除、または変更する場合でも、最初のステップは常に最初にノードを取得することだと思います。 , データベース内のデータを追加、削除、変更、確認するのと同じように、確認のステータスは非常に重要です。したがって、クエリのメソッドと属性については特に注意して研究する必要があります。

4: HTML DOM の基本的な内容?

HTML DOM を学ぶ前に、HTML/CSS/JAVASCRIPT を理解する必要があります。下の図に示すように、これら 4 つの連携だけが、より柔軟でカラフルな方法で興味深い Web ページを表示できます。もちろん、DOM ツリーを使用して HTML ドキュメントを表現するには、独自の制御メソッドも必要になります。視点を包括的に変更する必要があります。 DOM ツリー内のノードを取得し、ノードを変更し、ノードを追加し、ノードのスタイルや構造を変更するためのいくつかのメソッドを学習する必要があります。また、それに関連するさまざまなタイプのノードとノード属性を学習する必要があります。 HTML の場合、特定のノードがどのようなタグであるか、その属性、そのイベント、他のノードとの接続などを知る必要があります。DOM ツリー、属性、イベントなどを制御するためのより合理的な方法やメソッドを考えることができます。 HTML DOM は私たちが学ぶべきことを考えてくれました。

この記事の目的は、HTML DOM をより明確に理解して、HTML DOM が何であるか、何に使用されるか、およびそれに含まれるコンテンツを知らせることです。その後、ゆっくりとそのコンテンツを追加していきます。 W3C に感謝します!