Получение фактических значений элемента или высоты элемента через attribute.getNamedItem

Question

я пытаюсь получить значения ширины / высоты элемента в дереве dom (HTML-страница), и я использую метод ниже:

var event = e || window.event;<br> var target = event.target || event.srcElement;

я получаю информацию об идентификаторе и классе с помощью

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

но, как вы можете догадаться, ни один элемент не должен иметь узлы идентификатора и / или класса, поэтому я не могу проверить width = ".. px" значение узла или getElementById метод
В результате, есть ли способ получить значения ширины и высоты элемента узла, используя getNamedItem метод / или любой другой метод, который вы можете посоветовать.
ПРИМЕЧАНИЕ: Мне нужно получить реальную ширину и высоту, а не CSS или Inline, потому что, возможно, ширина составляет 60% в CSS, но она отображается как 100px ...
Заранее спасибо.

Answer 1

element.offsetWidth, element.offsetHeight: общий размер содержащего блока в пикселях

element.clientHeight, element.clientWidth: размеры содержимого

Это только для чтения свойства и всегда возвращают текущие отображаемые значения.

(Вам необходимо присвоить свойству стиля в элементе или в таблице стилей значение установить для большинства элементов высоты и ширины экрана.)