纯Javascript获取一个元素的高度和宽度

标签：

                                                            纯Javascript脚本获取元素样式

        一，问题描述

                有时候，我们需要做一些页面让其中的元素按照不同的显示器而自适应，那么怎么计算这个元素的margin-top呢，我相信大家都会计算，那么涉及到其中的一个就是使用JS去获得这个元素的样式，比如说高度

        二，解决方案

                我们都知道，对于一个HTML页面元素来说，它的样式定义有两种方式，一种是写在元素的同行节点，俗称行内样式，另外一种则是定义在外部的CSS文件中，俗称外部样式，也就是这两种定义方式，导致我们获取高度的方式有所差异，详见以下表格

                var obj = document.getElementById("你的页面元素的id属性的值");

                        获取方式                                                                描述

                obj.offsetHeight                            offsetXXX忽略行内或者行外样式，所以这个方式获取要比下一种范围广

                obj.style.height                              obj.style.XXX这种方式只适合行内样式

纯Javascript获取一个元素的高度和宽度

标签：

原文地址：http://my.oschina.net/fajar/blog/524319