HTML DOM 中国語リファレンスマニュアル

リーディング(19369) 更新時間(2022-04-13)

『HTML DOM 中国語リファレンスマニュアル』では、HTML DOM は HTML ドキュメントにアクセスして操作する標準的な方法を定義しています。 DOM は HTML ドキュメントをツリー構造で表現します。


HTML DOM は HTML Document Object Model の略で、HTML/XHTML に特化したドキュメント オブジェクト モデルです。ソフトウェア開発に精通している人は、HTML DOM を Web ページの API として理解できます。 Web ページ内の各要素をオブジェクトとして扱うため、Web ページ内の要素をコンピュータ言語によって取得または編集することもできます。たとえば、JavaScript は HTML DOM を使用して Web ページを動的に変更できます。

DOM は、Document Object Model の略です。 W3C DOM 仕様によれば、DOM はブラウザー、プラットフォーム、言語に依存しないインターフェイスであり、ページ内の他の標準コンポーネントにアクセスできるようになります。簡単に理解すると、DOM は Netscape の JavaScript と Microsoft の JavaScript の間の競合を解決し、Web デザイナーや開発者にサイト内のデータ、スクリプト、プレゼンテーション層オブジェクトにアクセスする標準的な方法を提供します。

DOM は、階層構造に編成されたノードまたは情報フラグメントのコレクションです。この階層により、開発者はツリー内を移動して特定の情報を探すことができます。この構造を分析するには、通常、作業を行う前にドキュメント全体をロードし、階層を構築する必要があります。 DOM は情報階層に基づいているため、ツリーベースまたはオブジェクトベースとみなされます。

HTML DOM は、HTML ドキュメントにアクセスして操作するための標準メソッドを定義します。

HTML DOM は、HTML ドキュメントを要素、属性、テキストを含むツリー構造 (ノード ツリー) として表現します。

ヒント: HTML DOM の学習を続ける前に、HTMLCSSJavaScrip# を理解する必要があります。 # #コンテンツの基本を理解してください。

ノード情報

HTML DOM では、すべてがノードです。 DOM は、ノードのツリーとして表示される HTML です。

各ノードには、ノードに関する情報を含む属性があります。これらの属性は次のとおりです:

nodeName (ノード名)、nodeValue (ノード値)、nodeType (ノード タイプ)

W3C の HTML DOM 標準に従って、HTML 内のすべてのコンテンツはドキュメントはノードです:

  • ドキュメント全体がドキュメント ノード

  • ##各 HTML 要素が要素ノード
  • ##HTML 要素内 テキストはテキスト ノードです
  • 各 HTML 属性は属性ノードです
  • コメントはコメント ノード
ヒント:
HTML DOM チュートリアルは、HTML DOM を段階的に学習するのに役立ちます。ご質問がある場合は、PHP にアクセスしてください。中国のウェブサイト

HTML DOM Community で質問してください。熱心なネチズンが質問に答えてくれます。 HTML DOM メソッド

メソッドは、ノード (HTML 要素) に対して実行できるアクションです。

プログラミング インターフェイス
  • HTML DOM には、JavaScript (および他のプログラミング言語) を通じてアクセスできます。
  • すべての HTML 要素はオブジェクトとして定義され、プログラミング インターフェイスはオブジェクト メソッドとオブジェクト プロパティです。

    メソッドは、実行できるアクション (要素の追加や変更など) です。

    属性は、取得または設定できる値です (ノードの名前やコンテンツなど)。

    • HTML DOM オブジェクト - メソッドとプロパティ

    一般的に使用される HTML DOM メソッド:

    • getElementById(id) - 指定された ID を持つノード (要素) を取得します

    • appendChild(node) - 新しい子ノード (要素) を挿入します

    • removeChild(node) - 子ノード (要素) を削除します。

    一般的に使用される HTML DOM 属性:

    • innerHTML - ノード (要素)

    • parentNode - ノード (要素) の親ノード

    • childNodes - ノード (要素) の子ノード # のテキスト値

    • ##attributes - ノード (要素) の属性ノード

    この HTML DOM チュートリアル マニュアルの内容

    この HTML DOM チュートリアルこのマニュアルでは、DOM ノード、DOM メソッド、DOM 属性、DOM アクセス、DOM 要素、DOM イベントなどを含む、HTML DOM の基本的な知識をすべてカバーしています。

    ヒント: このチュートリアルの各章には、多くの HTML DOM サンプルが含まれています。[サンプルの実行] ボタンを直接クリックすると、結果をオンラインで表示できます。これらの例は、HTML DOM をよりよく理解し、学習するのに役立ちます。

    その他の HTML DOM 関連の学習参照リソース

    このページの右側にある知識の拡張に加えて、次のリソースもすべての人向けに選択されています

    • PHP 中国語 Web サイト Dugu Jiijian シリーズ HTML5 ビデオ チュートリアル

    • HTML 日常のプログラミング知識

    • フロントエンド学習ルート: 優れたフロントエンド開発者になる方法!

最新章


HTML DOM 对象 2016-10-20
HTML DOM 实例 2016-10-18
HTML DOM总结 2016-10-18
HTML DOM 导航 2016-10-18
HTML DOM - 事件 2016-10-18
HTML DOM - 元素 2016-10-18
HTML DOM - 修改 HTML 内容 2016-10-18
HTML DOM - 修改 2016-10-18