2

.css ファイルで作成されたクラスの値をタグに動的に追加することは可能ですか?

今、私が<div class="textFrame">.htmlファイルとcssファイルにある場合、次のように宣言しています-

.textFrame
{ 
     overflow:hidden; 
     position:absolute;
}

<div>ここで、左、上、高さ、幅などの属性のスタイル属性を追加したいと思います。私の質問は、.textFrame クラス (.css ファイル内) で左、上、高さ、または幅などの変数を作成し、<div>タグごとにこれらの変数に動的に値を割り当てることができるかどうかです。<div>実際には、上、左、高さ、幅の値が異なるtextFrames( タグ) はありません。

4

2 に答える 2

2

jquery を使用すると、クラスを動的にタグに追加できます。

例えば：

<div class="textFrame">
    .......
    .......
</div>

Jクエリ：

$(document).ready(function() {
     $('.textFrame').css('height','500px');
}

複数の div の場合、同じクラスがあります。例:

<div class="textFrame" id="1"> ....... ....... </div>
<div class="textFrame" id="2"> ....... ....... </div>

Jクエリ：

$(document).ready(function() {
$('.textFrame').each(function(e){
if($('.textFrame').attr('id') == '1'){
$('.textFrame').css('height','500px');
} else if($('.textFrame').attr('id') == '2'){
$('.textFrame').css('height','300px');
}
});

于 2012-10-19T06:05:56.253 に答える
1

それらがすべて異なる属性を持っている場合、ソーススタイルシートを動的に変更することは意味がありません。おそらくJavascriptを使用して、各要素のスタイルを動的に変更する必要があります。jQueryはそれを非常に簡単にします。

于 2012-10-19T06:03:39.847 に答える