用Javascript测量div的宽度

Question

我有两个问题。 更重要的是如何测量div的宽度？ 不是获取CSS值，而是在px或ems等中。 现在我这样做

document.getElementById("menu").addEventListener("click", GetWidth);
function GetWidth() {
var ulObject=document.querySelector(".dropdown-menu");
var obtainedStyle=window.getComputedStyle(ulObject);
var ulWidth=obtainedStyle.getPropertyValue("width");
console.log(ulWidth);
}

它起到了一定的作用。 问题是width的属性设置为auto，但可能会更改。 如何获得任何可用的价值？
第二个问题是如何使用类创建事件处理程序？ querySelector和getElementByClassName不起作用。
我宁愿现在避免使用jQuery，但如果它是唯一的选择我会接受它。 答案如何检索HTML元素的实际宽度和高度？ 不起作用。 即使我没有显示：没有; offsetWidth仍显示0。

Answer 1

使用getBoundingClientRect ：

var rect = ulObject.getBoundingClientRect();
var ulWidth = rect.width;

如果您需要支持IE8和之前的版本，您可以使用

var ulWidth = rect.right - rect.left;