欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript 讀取內(nèi)聯(lián)之外的樣式(style、currentStyle、getComputedStyle區(qū)別介紹)

 更新時(shí)間：2010年05月07日 18:36:16   作者：  
最常用的是style屬性，在JavaScript中，通過document.getElementById(id).style.XXX就可以獲取到XXX的值，但意外的是，這樣做只能取到通過內(nèi)嵌方式設(shè)置的樣式值，即style屬性里面設(shè)置的值。

樣式表有三種方式
內(nèi)嵌樣式（inline Style） ：是寫在Tag里面的，內(nèi)嵌樣式只對(duì)所有的Tag有效。
內(nèi)部樣式（internal Style Sheet）：是寫在HTML的<head></head>里面的，內(nèi)部樣式只對(duì)所在的網(wǎng)頁有效。
外部樣式表（External Style Sheet）：如果很多網(wǎng)頁需要用到同樣的樣式(Styles)，將樣式(Styles)寫在一個(gè)以.css為后綴的CSS文件里，然后在每個(gè)需要用到這些樣式(Styles)的網(wǎng)頁里引用這個(gè)CSS文件。

下面的是讀取除了內(nèi)嵌樣式之外樣式的js，只能讀不能寫。

復(fù)制代碼 代碼如下:

var mydiv = document.getElementById('mydiv');
if(mydiv.currentStyle) {
var width = mydiv.currentStyle['width'];
alert('ie:' + width);
} else if(window.getComputedStyle) {
var width = window.getComputedStyle(mydiv , null)['width']
alert('firefox:' + width);
}
另外在FF下還可以通過下面的方式獲取
document.defaultView.getComputedStyle(mydiv,null).width
window.getComputedStyle(mydiv , null).width


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]


最常用的是style屬性，在JavaScript中，通過document.getElementById(id).style.XXX就可以獲取到XXX的值，但意外的是，這樣做只能取到通過內(nèi)嵌方式設(shè)置的樣式值，即style屬性里面設(shè)置的值。

解決方案：引入currentStyle,runtimeStyle,getComputedStyle
style 標(biāo)準(zhǔn)的樣式！可能是由style屬性指定的！
runtimeStyle 運(yùn)行時(shí)的樣式！如果與style的屬性重疊，將覆蓋style的屬性！
currentStyle 指 style 和 runtimeStyle 的結(jié)合！
通過currentStyle就可以獲取到通過內(nèi)聯(lián)或外部引用的CSS樣式的值了（僅限IE）
如：document.getElementById("test").currentStyle.top
要兼容FF，就得需要getComputedStyle 出馬了
注意:getComputedStyle是firefox中的，
currentStyle是ie中的.
比如說
復(fù)制代碼 代碼如下:

<style>
#mydiv {
width : 300px;
}
</style>

則:
復(fù)制代碼 代碼如下:

var mydiv = document.getElementById('mydiv');
if(mydiv.currentStyle) {
var width = mydiv.currentStyle['width'];
alert('ie:' + width);
} else if(window.getComputedStyle) {
var width = window.getComputedStyle(mydiv , null)['width'];
alert('firefox:' + width);
}

另外在FF下還可以通過下面的方式獲取
復(fù)制代碼 代碼如下:

document.defaultView.getComputedStyle(mydiv,null).width
window.getComputedStyle(mydiv , null).width

相關(guān)文章

最新評(píng)論