对于不一样访问器获得到css文档里有关特性的两

2021-01-20 10:34 jianzhan
先看个事例

拷贝编码
编码以下:

<div style="font-size:100px;">1111</div>
<p>2222</p>
<style>*{font-size:50px;}</style>

此时 假如用 document.querySelector("p").style.fontSize 是获得不到50px 值的 而 document.querySelector("div").style.fontSize 回到的是100

因而能够获知document.querySelector(elements).style 只对于与标识上的特性,假如出外部css 文档中的特性怎样获得?

这里详细介绍两个方式对于不一样访问器

1、 obj.currentStyle

2、window.getComputedStyle

拷贝编码
编码以下:

function getCurCss(id,porp){
var obj = document.getElementById(id);
if (obj.currentStyle) {
return obj.currentStyle[prop];
} else if (window.getComputedStyle) {
propprop = prop.replace(/([A-Z])/g, "-$1");
propprop = prop.toLowerCase();
return document.defaultView.getComputedStyle(obj, null)[prop];
}
return null;
}
getCurCss(id,"fontSize");