通过attributes.getNamedItem获取元素的实际宽度/高度值

Question

我想在dom树（HTML页面）中获取元素的宽度/高度值，我使用下面的方法：

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

我通过使用
获得身份和班级信息

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：content dimensions

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

（您需要在元素或样式表中指定样式属性，以设置屏幕高度和宽度上的大多数元素。）