js添加css样式名,用js修改css样式

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

如何用JS来增加CSS样式

$("document").css("","");

$("document").css({

" ":" ",

" ":" "

});

相关问答

Q1: 如何为网页JavaScript添加CSS样式表

可以通过添加样式表ID并对其判断来实现：

[javascript] view plaincopy

if (!document.styleSheets['要建立的样式表ID如theforever']) { //先检查要建立的样式表ID是否存在，防止重复添加

var ss = document.createStyleSheet();

ss.owningElement.id = '要建立的样式表ID如theforever';

ss.cssText = '标签{display:inline-block;overflow:hidden;' +

// 这个注释只在当前JS中帮助理解，并不会写入CSS中

'text-align:left;width:300px;height:150px}' +

'.类名{……}' +

'#ID们{……}'

;

}

Q2: 怎样用JS来添加CSS样式

例如改变背景色：

1234567div id="changeColor"使用JS改变背景色/divscriptvar cc = document.getElementById("changeColor");cc.style.backgoundColor="#000"; //将背景色改为黑色cc.style.fontSize="20px"; // 将文字大小改为20px，等号右边也可以写为20+"px"cc.style.color="#fff"; //将文字颜色改为白色/script

Q3: JS修改CSS设置的样式

语法：元素.style.样式名=样式值

注意：如果CSS的样式名中含有-，这种名称在JS中是不合法的，比如 background-color 。需要将这种样式名修改为驼峰命名法：去掉-，然后将-后的第一个字母大写，比如 backgroundColor

我们通过style属性设置的样式都是内联样式，而内联样式有较高的优先级，所以通过JS修改的样式往往会立即显示

但是如果在样式中写了!important，则此时样式会有最高的优先级，即使通过JS也不能覆盖该样式，此时将会导致JS修改样式失效

所以尽量不要为样式添加!important

语法：元素.style.样式名

通过style属性设置和读取的都是内联样式，无法读取样式表中的样式

语法:元素.currentStyle.样式名

如果当前元素没有设置该样式，则获取它的默认值

例如： box1.currentStyle.width

这个方法是window的方法，可以直接使用需要两个参数