js 通过兼容性写法获取样式

最新推荐文章于 2021-07-14 07:40:42 发布

原创最新推荐文章于 2021-07-14 07:40:42 发布 · 416 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种在JavaScript中获取元素样式的兼容性方法。针对IE和其他非IE浏览器，提供了不同实现方式，并封装了一个通用函数getStyle来统一处理样式获取过程。

JS通过兼容性写法获取样式

获取非行内样式可以使用以下方式：
一 IE中使用box.currentStyle.width
二非IE浏览器中使用getComputedStyle(box,null).width

	// 兼容处理
	if (box.currentStyle) {
		box.currentStyle.width;
	}else{
	getComputedStyle(box,false).width;
	}
		function getStyle(obj,sty){
			if (obj.currentStyle) {
				return obj.currentStyle[sty];
			}else{
				return getComputedStyle(obj,false)[sty];
			}
		}
		console.log(getStyle(box,"height"));