HTML Dom と CSS 制御メソッド_DOM

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

CSS の使用のほとんどは、Web ページでリンク タグを使用して CSS ファイルを導入します。または、Web ページの Head タグで CSS スタイルを定義します。実際、Dom はいくつかの指示を提供します。要素の CSS 外観スタイルを動的に設定または取得できます。他のウェブサイトで「スキン変更」機能を見たことがあるかもしれません。このテクノロジは、Dom 命令を使用して、現在の Web ページに新しい CSS ファイルを導入します。 Web ページの外観を突然変更してみましょう。もちろん、現在の Web ページ内の特定の要素のみの外観を設定することもできます。適切に使用すると、ユーザーエクスペリエンスが大幅に向上します。以下に Dom の Css 命令を列挙します。スペースの制限のため、このページでは各 Dom コマンドの使用方法とサンプルのデモは提供しません。該当する Dom コマンド名をクリックしてください。詳細な手順と関連する手順のデモンストレーション例について詳しく知るには。

Dom の className を使用して、現在の要素の CSS スタイルのクラス名を指定します。現在の要素の外観スタイルを変更するには
HTML Dom の現在の要素に複数の Css 属性スタイルを設定します: cssText
HTML Dom 現在の要素で指定された Css 属性値を取得するコマンドは次のとおりです: currentStyle は IE HTML Dom の取得 現在の要素で指定されている Css 属性値のコマンドは次のとおりです: getPropertyValue は FF をサポートします
HTML Dom には createStyleSheet コマンドも用意されています。新しい CSS ファイルを動的 Web ページに導入できます。これが先ほどお話しした「肌を変える」機能です。残念ながら、このコマンドは FF および Chrome ブラウザをサポートしていませんが、createStyleSheet の説明で FF での同じ問題を解決しました。
ajax テクノロジーの主導のもと。 Domは近年急速に発展しています。多くの人からも真剣に受け止められています。多くの大規模な Web サイトは、優れたユーザー エクスペリエンスを追求するよう努めています。これらのテクノロジーはもはや馴染みのないものではありません。実際、これらはすべてフロントエンドデザインの範囲に属しており、現在、「Baidu」、「Taobao」、「Tencent」などの大企業はフロントエンドデザインを非常に重視しています。 したがって、フロントエンドをよく学ぶことも良い選択です。今日お話しする内容が役立つことを願っています。

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

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