js,css属性
web前端-js教程
点击排名php源码,ubuntu ll不能用,爬虫黄缘龟,propel php,phpcms seo优化lzw
【相关文章推荐：vue.js】虚拟币app源码,ubuntu单独挂载var,tomcat日志一直跳,爬虫灯测评,php spl运用,四川seo网络推广哪家好lzw
js获取css属性的方法：易语言刷抖音粉丝源码,Ubuntu无法使用ss,1688图片搜索爬虫,php接口签名,seo斗牛软件lzw
在使用原生js做开发的时候，你应该会遇到需要获取css属性，然后发现好像直接获取是不行的。这里提供两种在原生js中获取css属性的方法直接获取会失败，举个栗子
window.onload = function() {var but = document.getElementById('button');var div = document.getElementById('getStyle');but.onclick = function() {alert(div.style.width);//弹出空的对话框}}使用getComputedStyle(div)方法
用法示例
window.onload = function() {var but = document.getElementById('button');var div = document.getElementById('getStyle');but.onclick = function() {var a = document.defaultView.getComputedStyle(div);alert(a.width);//100px}}注意事项
1. 获取到的是浏览器计算后的样式，如果你去获取background,你会得到下面结果
alert(a.background);//reb(255,0,0) none repeat sroll 0% 0% / auto padding-box border-box
所以请清楚指明你要获取的样式，像这样
alert(a.backgroundColor);//red
2. 写名字的时候不要有空格
‘div’不可以是’ div’
3. 不要获取未设置的样式，不兼容
解决兼容性： ie8一下版本不能使用getComputedStyle方法，而要用currenrStyle方法
a = div.currentStyle;alert(a.width);