05.javascript访问CSS

获取元素的真实，最终的css样式属性的函数：
function getStyle(elem, name) { //如果存在于style[]中，直接返回 if (elem.style[name]){ return elem.style[name]; } //尝试使用IE的方法 else if (elem.currentStyle) { return elem.currentStyle[name]; } //或者使用W3C的方法 else if (document.defaultView && document.defaultView.getComputedStyle) { name = name.replace(/([A-Z])/g, "-$1"); name = name.toLowerCase(); var s = document.defaultView.getComputedStyle(elem, ""); return s && s.getPropertyValue(name); } //否则用户使用的是其他的浏览器 else return null; }

使用方法：

<span id="hello" style="color: Red; font-size: large" mce_style="color: Red; font-size: large">Hello World</span><br /> <input type="Button" value="getStyle()" οnclick="test()" /> <mce:script type="text/javascript"></mce:script>

转载于:https://www.cnblogs.com/zhangqs008/archive/2011/01/02/2341151.html

05.javascript访问CSS相关推荐

C#与Javascript变量、函数之间的相互调用2008年11月28日星期五 05:28 P.M.1.如何在JavaScript访问C#函数?
C#与Javascript变量.函数之间的相互调用 2008年11月28日星期五 05:28 P.M. 1.如何在JavaScript访问C#函数? 2.如何在JavaScript访问C#变量? 3 ...
JavaScript和css的交互.05
JavaScript和css的交互.05 本期内容操作css更改样式先写三个图片 <img id="m1" src="img/1.gif" alt=& ...
linux访问网页元素,Linux_DOM和JAVASCRIPT访问页面上的元素，访问方法：getElementById() - phpStudy...
DOM和JAVASCRIPT访问页面上的元素访问方法: getElementById():返回拥用传递给该方法的指定id的第一个对象的引用. getElementsByName():返回拥用传递该方 ...
动态加载javascript和css
动态加载javascript和css 一.动态加载javascript方法 <script type="text/javascript"> var style = do ...
网站前端性能优化之javascript和css
之前看过Yahoo团队写的一篇关于网站性能优化的文章,文章是2010年左右写的,虽然有点老,但是很多方面还是很有借鉴意义的.关于css的性能优化,他提到了如下几点: CSS性能优化 1.把样式表置于顶 ...
java js获取css方法_5种JavaScript和CSS交互的方法
原标题:5种JavaScript和CSS交互的方法随着浏览器不断的升级改进,CSS和Java之间的界限越来越模糊.本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合 ...
推荐15个 JavaScript 和 CSS 库
Tutorialzine的使命是让开发者与最新的Web开发发展同步.因此,我们每月都会精选一批最优秀的资源推荐给大家,相信这些资源你绝对值得拥有! ClarifyJS ClarifyJS可以让你串联一 ...
5种你未必知道的JavaScript和CSS交互的方法
随着浏览器不断的升级改进,CSS和JavaScript之间的界限越来越模糊.本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合作.我们的网页中都有.js文件和.cs ...
打开html文件图片为什么没有_提高网站打开速度秘诀:压缩html,Javascript和CSS文件...
微信公众号微信公众号微信公众号微信公众号微信公众号微信公众号微信公众号微信公众号微信公众号微信公众号微信公众号微信公众号微信公众号微信公众号微信公众号微信公众号微信公众号微信公众号微信公众号微信公众号 ...
消除WordPress上的渲染阻止JavaScript和CSS
Outstanding loading speed is an essential website feature for a high ranking in 出色的加载速度是网站获得高排名的基本功能 ...

05.javascript访问CSS

05.javascript访问CSS相关推荐

最新文章

热门文章