我想知道是否可以动态地将.css文件中创建的类添加到标记中?
现在,如果我在.html文件和css文件中有<div class="textFrame">
我声明为 -
.textFrame
{
overflow:hidden;
position:absolute;
}
现在,我想为<div>
添加左侧,顶部,高度和宽度等属性的样式属性。我的问题是,是否有可能在.textFrame类(在.css文件中)中创建一些变量,左,上,高或宽,并为每个<div>
标记动态地为这些变量赋值。实际上没有textFrames(<div>
标签)具有不同的顶部,左侧,高度和宽度值。
答案 0 :(得分:2)
使用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');
答案 1 :(得分:1)
如果它们都具有不同的属性,则动态更改源样式表是没有意义的。您应该使用Javascript动态更改每个元素的样式。 jQuery使这很容易。