Question

我想知道是否可以动态地将.css文件中创建的类添加到标记中？

现在，如果我在.html文件和css文件中有<div class="textFrame">我声明为 -

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

现在，我想为<div>添加左侧，顶部，高度和宽度等属性的样式属性。我的问题是，是否有可能在.textFrame类（在.css文件中）中创建一些变量，左，上，高或宽，并为每个<div>标记动态地为这些变量赋值。实际上没有textFrames（<div>标签）具有不同的顶部，左侧，高度和宽度值。

Answer 1

使用jquery，您可以在标签中动态添加类

例如：

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

Jquery：

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

对于多个div具有相同的类例如：

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

Jquery：

<div class="textFrame" id="2"> ....... ....... </div>
<div class="textFrame" id="2"> ....... ....... </div>
$(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');

Answer 2

如果它们都具有不同的属性，则动态更改源样式表是没有意义的。您应该使用Javascript动态更改每个元素的样式。 jQuery使这很容易。

动态添加.css文件中的值

2 个答案: