
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
HTMLElementprototype__defineGetter__("currentStyle", function () {
return thisownerDocumentdefaultViewgetComputedStyle(this, null);
});
获取样式的时候吧style改为currentStyle
比如elementstylewidth改为elementcurrentStylewidth
您好,使用原生js获取
一、getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值,
返回的是一个CSS样式声明对象 , 只读, 此方法支持Firefox浏览器;
语法:var style=windowgetComputedStyle(“元素”,“伪类”);第一个参数是必须的,第二个为可选的。
二、currentStyle 是一款可以兼容IE浏览器的属性返回的是当前所有最终使用的CSS属性值,
利用elementCurrentStyleattribute可获取
其与getComputedStyle区别:1、 currentStyle不支持伪类样式获取;
2、currentStyle不支持现代浏览器,支持IE
原生JS中如何获取CSS属性中的值
这个其实不难,主要是获取当前的标签,并添加样式,然后给其他的标签的样式设为无就可以了代码如下:
<!doctype html><html>
<head>
<title>js获取二级菜单p元素</title>
<style>
ps{width:100px; height:45px; background:#fc0; color:#000;}
</style>
<script>
windowonload=function(){
var spans=documentgetElementById("qm-p");//获取span标签,这样方便下一步获
取二级菜单
var menuP=spansgetElementsByTagName("p");//通过getElementsByTagName标签获
取p标签
for(i=0;i<menuPlength;i++){ //遍历二级菜单
menuP[i]onclick=function(){
for(j=0;j<menuPlength;j++){
menuP[j]className=""; //给其他标签样式设为无
}
thisclassName="ps";//给当前标签添加样式
}
}
}
</script>
</head>
<body>
<li ><a href="javascript:;" id="mine-qm" >启蒙</a>
<span id="qm-p">
<p>爱的世界</p>
<p>中文启蒙</p>
<p>美猴王汉语·幼儿</p>
</span>
</li>
</body>
</html>
希望可以帮到你,还有什么疑问随时追问
以上就是关于用js提取并修改网页样式全部的内容,包括:用js提取并修改网页样式、js获取标签修改样式、js获取元素样式ele.style.attribute只能获取内敛样式的属性值!内部样式的属性值获取不了!怎么解决等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)