Как правильнее вешать события?Зависит. Общее поведение и динамическое добавление новых элементов - однозначно делегирование. В других случаях нужно смотреть есть ли в этом смысл, так как делегирование больше нагружает приложение, дергаясь на каждый прописанный паренту евент.
window.getComputedStyle(document.querySelector("ваш елемент")).getPropertyValue("width");var element = document.getElementById("myElement");
var width = element.offsetWidth;
console.log("Ширина элемента: " + width + "px");var element = document.getElementById("myElement");
var width = element.clientWidth;
console.log("Ширина элемента: " + width + "px");