『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 では、すべてがノードです。 DOM は、ノードのツリーとして表示される HTML です。 各ノードには、ノードに関する情報を含む属性があります。これらの属性は次のとおりです: nodeName (ノード名)、nodeValue (ノード値)、nodeType (ノード タイプ) W3C の HTML DOM 標準に従って、HTML 内のすべてのコンテンツはドキュメントはノードです:ヒント: HTML DOM の学習を続ける前に、HTML、CSS、JavaScrip# を理解する必要があります。 # #コンテンツの基本を理解してください。
- ドキュメント全体がドキュメント ノード ##各 HTML 要素が要素ノード
- 各 HTML 属性は属性ノードです
- コメントはコメント ノード
HTML DOM チュートリアルは、HTML DOM を段階的に学習するのに役立ちます。ご質問がある場合は、PHP にアクセスしてください。中国のウェブサイトメソッドは、ノード (HTML 要素) に対して実行できるアクションです。 プログラミング インターフェイスHTML DOM Community で質問してください。熱心なネチズンが質問に答えてくれます。 HTML DOM メソッド
- HTML DOM には、JavaScript (および他のプログラミング言語) を通じてアクセスできます。
HTML DOM オブジェクト - メソッドとプロパティ
getElementById(id) - 指定された ID を持つノード (要素) を取得します
appendChild(node) - 新しい子ノード (要素) を挿入します
removeChild(node) - 子ノード (要素) を削除します。
innerHTML - ノード (要素)
parentNode - ノード (要素) の親ノード
childNodes - ノード (要素) の子ノード # のテキスト値
- ##attributes - ノード (要素) の属性ノード
すべての HTML 要素はオブジェクトとして定義され、プログラミング インターフェイスはオブジェクト メソッドとオブジェクト プロパティです。
メソッドは、実行できるアクション (要素の追加や変更など) です。
属性は、取得または設定できる値です (ノードの名前やコンテンツなど)。
一般的に使用される HTML DOM メソッド:
一般的に使用される HTML DOM 属性:
その他の HTML DOM 関連の学習参照リソースこのページの右側にある知識の拡張に加えて、次のリソースもすべての人向けに選択されていますヒント: このチュートリアルの各章には、多くの HTML DOM サンプルが含まれています。[サンプルの実行] ボタンを直接クリックすると、結果をオンラインで表示できます。これらの例は、HTML DOM をよりよく理解し、学習するのに役立ちます。
最新章
- 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
関連コース
- Web フロントエンド開発の簡単な紹介 2021-12-10
- あなたを最もよく理解するフロントエンドコース: HTML5/CSS3/ES6/NPM/Vue/...[オリジナル] 2022-09-30
- Gulp 入門ビデオチュートリアル 2022-04-18
- Brothers in Arms Gao Luofeng CSS3 ビデオ チュートリアル 2022-04-20
- AngularJS 開発 Web アプリケーションの基本的なサンプル ビデオ チュートリアル 2022-04-18
- アヤックスのフルコンタクト 2022-04-13
- MUI フレームワークの基本的なビデオ チュートリアル 2022-04-13
- オンライントレーニングクラス体験クラス 2019-01-10