时间:2021-05-08
先看个例子
复制代码代码如下:
<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");
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
经常有同事问我在火狐浏览器怎么获取event的方法,大多是想获取event.keyCode的功能两种方法第一种方法:复制代码代码如下:functiona(e){
网页盒子模型存在两种:1:标准W3C盒子模型;2:IE盒子模型(IE浏览器默认的模型)。在两种不同模型网页里,定义了相同CSS属性的元素显示效果是不一样的,下面
本文使用两种方法实现在PB中启动浏览器的方法。第一种方法://打开浏览器stringurlinetiinet_baseurl="http://pbsite.ye
由于浏览器版本的不同,对CSS里某些元素的解释也不一样,针对浏览器版本不同而选择不同CSS的代码,其实我们还可以利用条件注释的方法来达到类似的目的,什么是条件注
我们知道select标签在各个浏览器中的属性和各浏览器的支持各有些不同,从而造成select选择框在各浏览器的显示有不同,下面我们通过对主要外形CSS属性的支持