通过attributes.getNamedItem获取元素的实际widh/height值

Question

我想在dom树(HTML页面)中获取元素的宽度/高度值,我使用下面的方法:

var event = e || window.event;
var target = event.target || event.srcElement;

我通过使用获得id和类信息

var classinfo = target.attributes.getNamedItem("class").nodeValue;
var idinfo = target.attributes.getNamedItem("id").nodeValue;

但是你可以猜到,任何元素都没有必须有id和/或类节点所以我不能检查width =".. px"节点值或getElementById方法
因此,有没有办法获得宽度和通过使用getNamedItem方法/或您可以建议的任何其他方法,节点元素的高度值.
注意:我需要获得真正的宽度和高度而不是css或内联,因为css中的宽度可能是60%但是它呈现为100px ...
提前感谢.

Answer 1

element.offsetWidth,element.offsetHeight:包含框的总大小(以像素为单位)

element.clientHeight,element.clientWidth:内容维度

这些是只读属性,并始终返回当前呈现的值.

(您需要在元素或样式表中指定样式属性,以在屏幕高度和宽度上设置大多数元素.)