JS是不能獲取引用的CSS的樣式屬性的，無論是外鏈還是內(nèi)鏈，修改某個(gè)CSS也是通過style這樣的方式，比如說
我們提供的服務(wù)有：成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、龍游ssl等。為1000+企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的龍游網(wǎng)站制作公司
ul?class="channel"?style="color:?#fff;"
當(dāng)然上面這樣的HTML 你也可以獲取到?channel 這個(gè)節(jié)點(diǎn)的?color的屬性，其他的屬性就無法獲取，但是你卻可以修改其他任何的屬性。
使用css控制頁面有4種方式，分別為行內(nèi)樣式(內(nèi)聯(lián)樣式)、內(nèi)嵌式、鏈接式、導(dǎo)入式。
行內(nèi)樣式(內(nèi)聯(lián)樣式)即寫在html標(biāo)簽中的style屬性中，如div style="width:100px;height:100px;"/div
內(nèi)嵌樣式即寫在style標(biāo)簽中，例如style type="text/css"div{width:100px; height:100px}/style
鏈接式即為用link標(biāo)簽引入css文件，例如link href="test.css" type="text/css" rel="stylesheet" /
導(dǎo)入式即為用import引入css文件，例如@import url("test.css")
如果想用javascript獲取一個(gè)元素的樣式信息，首先想到的應(yīng)該是元素的style屬性。但是元素的style屬性僅僅代表了元素的內(nèi)聯(lián)樣式，如果一個(gè)元素的部分樣式信息寫在內(nèi)聯(lián)樣式中，一部分寫在外部的css文件中，通過style屬性是不能獲取到元素的完整樣式信息的。因此，需要使用元素的計(jì)算樣式才獲取元素的樣式信息。
第一，直接在JS中寫入相應(yīng)的CSS代碼。
第二，通過調(diào)用ID的方法來，調(diào)用相應(yīng)的CSS樣式。
一、獲取內(nèi)聯(lián)樣式
div
id
="myDiv"
style="width:100px;height:100px;background-color:red;
border:1px
solid
black;"/div
script
var
myDiv
=
document.getElementById("myDiv");
alert(myDiv.style.width);//100px
alert(myDiv.style['height']);//100px
var
style=myDiv.style;
alert(style.backgroundColor);//red
myDiv.style.backgroundColor='green';//myDiv背景色變?yōu)榫G色
/script
在這種情況下，獲取和設(shè)置樣式只靠style屬性就可以，因?yàn)閑lement.style屬性返回的是類似數(shù)組的一組樣式屬性及對(duì)應(yīng)值，因此訪問具體樣式的時(shí)候可以采取兩種方式即“ele.style.屬性名稱”和“ele.style['屬性名稱']”。但是，要注意的是，針對(duì)css樣式里background-color;margin-left之類的短杠相接的屬性名稱，在使用style屬性獲取設(shè)置樣式的時(shí)候名稱要改為駝峰式，如ele.style.backgroundColor.
二、因?yàn)榈谝环N方法，即使用style屬性只能獲取到內(nèi)聯(lián)樣式。但是，實(shí)際情況是文檔在現(xiàn)在都基本遵循分離思想，樣式基本都是外部鏈接，所以三種樣式都要考慮到的，這時(shí)就要使用其他方法進(jìn)行獲取，而在這種情況下進(jìn)行樣式獲取時(shí)，不同的瀏覽器又有不同的處理方式（主要是ie和非ie），因此根據(jù)瀏覽器可以分為兩種方式：
（2.1）非ie瀏覽器中，使用document.defaultView對(duì)象的getComputedStyle(ele，null/偽類)方法，該方法接受兩個(gè)參數(shù)，第一個(gè)為要考察的元素，第二個(gè)則要根據(jù)情況，如果只是考察元素本身則為null，如果要
考察偽類，則為響應(yīng)的偽類。該方法獲取到的為元素應(yīng)用的最終樣式組合，同樣是類似數(shù)組的一個(gè)實(shí)例。
（2.2）在ie瀏覽器中，對(duì)getComputedStyle()方法不支持，但是針對(duì)每個(gè)標(biāo)簽元素都有一個(gè)近似于style屬性的currentStyle的屬性，且用法和style用法相同。只不過獲取到的樣式范圍不一樣。currenStyle獲取到的和getComputedStyle（）方法相接近。
為了在處理時(shí)達(dá)到兼容，可以根據(jù)這兩種不同的處理方式創(chuàng)建一個(gè)函數(shù)來達(dá)到兼容目的，使得不管在那種瀏覽器中，都可以成功獲取樣式。如下所示：
style
type="text/css"
#myDiv
{
background-color:blue;
width:100px;
height:200px;
}
/style
div
id
="myDiv"
style="background-color:red;
border:1px
solid
black;"/div
script
var
myDiv
=
document.getElementById("myDiv");
var
finalStyle
=
myDiv.currentStyle
?
myDiv.currentStyle
:
document.defaultView.getComputedStyle(myDiv,
null);/*利用判斷是否支持currentStyle（是否為ie）
來通過不同方法獲取style*/
alert(finalStyle.backgroundColor);
//"red"
alert(finalStyle.width);
//"100px"
alert(finalStyle.height);
//"200px"
/script
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！
1 首先你要在head中引用樣式表
2 既然你已經(jīng)引用了 直接調(diào)用就行 沒有影響的，就跟用頁面內(nèi)樣式是一樣的
重慶分公司
重慶分公司
