下面小编就为大家带来一篇 JavaScript 获取 CSS 行间样式, 内连样式和外链样式的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
【行间样式获取】
【内连样式获取】
【外链样式获取】
- <html>
- <head>
- <link rel="stylesheet" type="text/css" href="basic.css" />
- //外链的样式表
- </head>
- <body>
- <div id="div1" class="div2">
- 测试
- </div>
- <script>
- var sheet = document.styleSheets[0] //获取到外链的样式表
- var rule = sheet.cssRules[0] //获取到外链样式表中的第一个样式
- console.log(rule.style.background) //red 这样就可以获得了外链样式表中指定的样式了
- </script>
- </body>
- </html>
【外链样式表】
- .div2{
- background:red;
- }
以上这篇 JavaScript 获取 css 行间样式, 内连样式和外链样式的简单方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0306/264250.html