js获取元素的外链样式

Posted double2014

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js获取元素的外链样式相关的知识,希望对你有一定的参考价值。

 1 一般给元素设置行内样式,如<div id="div1" style="width:500px;"></div>。如要获取它的样式,即可document.getElementById("div1").style.width来获取或设置。但是如果样式是在外链link中的或者是页面的非行内样式,就获取不到了。
 2 
 3 在标准浏览器中可以通过window.getComputedStyll(obj,null)[property]来获取外链样式,但是在ie浏览器中则是通过obj.currentStyle来获取。
 4 
 5 完整html代码:
 6 <!DOCTYPE html>
 7 <html>
 8 <head>
 9  <title>js获取元素的外链样式-柯乐义</title><base target="_blank"/>
10  <style type="text/css">
11  p {
12  width: 500px;
13  line-height: 30px;
14  }
15  </style>
16  <script src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.2.min.js">
17  </script>
18  <script>
19 function getstyle(obj,property){
20 if(obj.currentStyle){
21 return obj.currentStyle[property];
22 }else if(window.getComputedStyle){
23 return document.defaultView.getComputedStyle(obj,null)[property];//或者也可以通过window.getComputedStyle来获取样式
24 }
25 return null;
26 }
27 
28 $(document).ready(function(){
29 $("p").click(function(){
30 alert(getstyle(this,"width"));
31 });
32 });
33  </script>
34 
35 </head>
36 <body>
37  <p style="width:750px;">如果您点击我,弹出宽度。</p>
38  <p>点击我,弹出宽度。</p>
39  <p>也要点击我哦。</p>
40  <div><a href="http://keleyi.com">首页</a> <a href="http://keleyi.com/keleyi/phtml/">特效库</a> <a href="http://keleyi.com/a/bjae/nb9lb3sd.htm">原文</a></div>
41 </body>
42 </html>
43 
44 本文转载自柯乐义http://keleyi.com/a/bjae/nb9lb3sd.htm

 

以上是关于js获取元素的外链样式的主要内容,如果未能解决你的问题,请参考以下文章

在自己网站中插入网易云音乐的外链,播放音乐

svn中的外链检测

外链是什么意思,如何做好高质量的外链建设?

网易云外链获取

网站建设的外链正确建立方式

在vue-cli中使用普通的js代码和引入外链