ホームページ >ウェブフロントエンド >jsチュートリアル >ajaxテクノロジにおけるDomの役割の説明_DOM

ajaxテクノロジにおけるDomの役割の説明_DOM

WBOY
WBOYオリジナル
2016-05-16 18:17:43964ブラウズ

今日は、Ajax テクノロジーにおける Dom の役割について説明します。 ajax を使用してサーバーにリクエストを行い、データをクライアントに返す場合。この返されたデータを Web ページにどのように表示しますか? Dom のさまざまな命令を使用して、Dom を使用していることは間違いありません。表示したい内容をhtmlに追加します。例: getElementById または getElementsByTagName で要素を検索します。

innerHTML で要素を追加しますか? もちろん、存在しない要素を作成することも簡単に実装できます。 クールで眩しい Ajax エフェクトを作成したい場合。これらの手順はどれも馴染みのないものではありません。それ以外の場合は、Dom の知識を勉強する必要があります。 Web ページ内のテーブルも Dom を使用して管理できます。 Dom は、テーブル要素に特化した一連の命令を提供します。 insertRow はテーブルに行を追加し、insertCell はテーブルに列を追加します。ドロップダウン リストを含め、オプション オブジェクトを使用して操作できます。 Dom は HTML Web ページでは全能です、少なくとも私はそう思います。ドムの揺るぎない協力がなければ。アヤックスはそれほどクールではないだろう。ユーザーエクスペリエンスが非常に重視されているこの時代では、Dom をマスターすることはすべてのフロントエンド開発者にとって必須のスキルとなるはずです。このサイトの ajax コラムにアクセスして、私が書いた「ajax オリジナル シリーズ チュートリアル」をご覧ください。そうすれば、私が Dom がそれほど重要であると話している理由がわかるでしょう。そして、ほぼすべての Dom 命令は、Web サークルの Dom マニュアルに記載されています。楽しく勉強してください!ドムはまだまだ進化中です。見てみましょう!

著者: Kang Dong 出典: Www.Web666.Net

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。