用js提取并修改网页样式

用js提取并修改网页样式,第1张

<!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只能获取内敛样式的属性值!内部样式的属性值获取不了!怎么解决等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10175363.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-06
下一篇2023-05-06

发表评论

登录后才能评论

评论列表(0条)

    保存