本文目錄一覽:
外部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們{……}’
;
}
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/248466.html