本文目录一览:
外部js怎么引用css?
你说的是用jQuery里的addClass方法吧(抱歉js原生暂时没发现该方法),那就要先引入jQuery.js,然后再引入a.js,可以这样做:
1、在c.css里写好你的样式:.cssStyle {你的样式};
2、然后在a.js里加入$('span').addClass('cssStyle')即可。
如果你的意思不是这个,那我猜你应该是想说怎么直接在js里操作css样式吧,那就可以这样:
var spanEl = document.querySelectorAll('span');
然后根据你的要求写样式,比如你要修改背景颜色为红色:
spanEl .style.background = ‘red’;
希望我的回答能帮助到你,谢谢!
怎样用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
javascript如何添加css类
JavaScript动态建立或增加CSS样式表,参考如下:
1、简单的方法:
document.createStyleSheet().cssText = '标签{color:red;' +
// 这个注释只在当前JS中帮助理解,并不会写入CSS中
'width:300px;height:150px}' +
'.类名{……}' +
'#ID们{……}'
2、比较完美的方法,防止重复添加,通过添加样式表ID并对其判断来实现:
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们{……}'
;
}