divの幅をJavascriptで測定する

Question

私には2つの質問があります。 より重要なのは、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); 
} 

それがポイントに働くようにそれをやっています。問題は、幅のプロパティがautoに設定されているが、変更される可能性があることです。どのように使用可能な価値を得るには？
2番目の質問は、クラスを使用してイベントハンドラを作成する方法です。 querySelectorおよびgetElementByClassNameが機能しませんでした。
私はむしろjQueryを避けたいと思いますが、それが唯一の選択肢なら、私はそれを取るでしょう。 How do I retrieve an HTML element's actual width and height?で指定された回答は機能しません。私には表示がありません：none; offsetWidthはまだ0

Answer 1

使用getBoundingClientRectを示しています

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

あなたはIE8と前回をサポートする必要がある場合は、あなたが

var ulWidth = rect.right - rect.left;