ホームページ >ウェブフロントエンド >jsチュートリアル >HTML Dom と CSS 制御メソッド_DOM
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