非インラインスタイルを取得するにはどうすればよいですか? js と jquery を使用して非インターライン スタイルを取得する

この記事では、js および jquery で非インターライン スタイルを取得するための関連知識を主に紹介します。これは、参考価値があります。以下のエディターで見てみましょう

スタイルはインターラインスタイルと非インターラインスタイルに分かれています。一般に、インライン スタイルは 1 つの要素にのみ適用できるため、めったに使用されません。一方、非インターライン スタイルは同じタイプの要素 (つまり、同じタグまたは同じクラスの要素) に適用できます。 (もちろん、ID 名は同じで一意であることはできません)

それでは、js と jquery について話しましょう。幅や高さなどの要素のスタイルを取得する必要がある場合があります。この場合、どうやって取得するのでしょうか?

js の場合

1. インターライン スタイル:

読んでいるか読んでいるかにかかわらず、インターライン スタイルを取得する方法は誰もが知っていると思います。つまり、スタイルを使用します:

この種のスタイルが使用されているメソッドはインターライン スタイルのみを取得できます

ここでは、エディターで編集して実行せずに、カプセル化された関数を直接追加します

このような単純な関数をカプセル化するだけで、非インターライン要素を取得するときに呼び出すだけです (ps: たとえば、getStyle(op,'width'))

jquery 内

実際、私はそれが jquery 内にあると思っていました。 js と同じカプセル化された関数を使用するには、結果はまったく使用されませんまず、jquery で width() メソッドと height() メソッドを使用します (これら 2 つのメソッドは幅を取得するだけです)。コンテンツ領域の幅と高さ、取得されるデータ型は数値です)、(追記: さらに、outerWidth() メソッドと innerHeight() メソッドは、パディングとボーダーを含むボックス モデルの幅と高さを取得します)

css() メソッドを使用して非インターライン スタイルを取得する別の方法もあります。このメソッドで取得されるデータ型は string です

これで終わりです

【関連するおすすめ】

1

無料の js オンライン ビデオ チュートリアル

2. JavaScript 中国語リファレンス マニュアル

3. php.cn - JavaScript ビデオ チュートリアル

以上が非インラインスタイルを取得するにはどうすればよいですか? js と jquery を使用して非インターライン スタイルを取得するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。