javascript element height code example

Example 1: javascript get element width

var width = document.getElementById('myID').offsetWidth;//includes margin,border,padding
var height = document.getElementById('myID'). offsetHeight;//includes margin,border,padding

Example 2: find div height in javascript

//includes margin and padding
document.getElementById('myDiv').offsetHeight;
//without margin and padding
document.getElementById('myDiv').clientHeight;

Example 3: get element size javascript

// Get Content + Padding + Border
let box = document.querySelector('div');
let width = box.offsetWidth;
let height = box.offsetHeight;

// Get Content + Padding only
let box = document.querySelector('div');
let width = box.clientWidth;
let height = box.clientHeight;

Example 4: offsetheight javascript

// The HTMLElement.offsetHeight read-only property returns the height 
// of an element, including vertical padding and borders, as an integer.

let intElemOffsetHeight = element.offsetHeight;

Example 5: javascript element height

var intElemOffsetHeight = element.offsetHeight;

Tags:

Misc Example