javascript --获取css样式最终的属性值

最新推荐文章于 2023-11-17 10:59:24 发布

xiaofan_sap

最新推荐文章于 2023-11-17 10:59:24 发布

阅读量1.9k

点赞数

文章标签： javascript css function null

本文链接：https://blog.csdn.net/xiaofan_sap/article/details/4743790

版权

在dom元素中使用css属性，可能会遇到两个问题，一是javascript要求在设置任何几何属性是必须明确尺寸单位，同时，任何几何属性都回返回表示元素样式的字符串数值（比如1000px而非100）

二是如果一个元素是100像素高，想获取他的当前高度，如果希望从样式属性中就能得到100px这样的精确结果，但是有时候并不能如愿。这是因为在使用样式表或者行内css所预设的样式信息并不能精确可靠的反应到当前的样式属性中。

如下例：

<html> <head> <title></title> <mce:style></mce:style><style mce_bogus="1"> p{height:100px;}</style> <mce:script type="text/javascript"></mce:script> </head> <body> <p> i should be 100px stall.</p> </body> </html>

你就会发现css最终值不等于样式对象值得情况发生了。

如果地到元素的最终css样式值：可以同过下面这个通用函数得到：

在这个函数里，单位默认的事px，忽略其他的计量单位。