10 examples of 'js get element width' in JavaScript

129
function get_width(obj) {
130
  return typeof obj == 'object' && obj && obj.width != undefined
131
       ? obj.width
132
       : ((typeof obj == 'object' && obj !== null ? utils.strlen(obj.text) : utils.strlen(obj)) + (style['padding-left'] || 0) + (style['padding-right'] || 0))
133
}

10
export function getElementWidth (element: HTMLElement): number {
11
	const { width, paddingLeft, paddingRight } = window.getComputedStyle(element)
12
	const computedWidth = Number(width)
13
14
	if (!Number.isNaN(computedWidth)) {
15
		return computedWidth
16
	}
17
18
	const computedPaddingLeft = paddingLeft ? Number.parseInt(paddingLeft, 10) : 0
19
	const computedPaddingRight = paddingRight ? Number.parseInt(paddingRight, 10) : 0
20
21
	return element.offsetWidth - computedPaddingLeft - computedPaddingRight
22
}

27
function getWidth(id)
28
{
29
    return getComputedStyleForElement(document.getElementById(id), 'width');
30
}

63
getSizeElementWidth()
64
{
65
    // console.log("Width : element:",this.element[0].Width);
66
    // console.log("offsetWidth : element:",this.element[0].offsetWidth);
67
    return this.element[0].offsetWidth;
68
}

145
_getElementContentWidth(element) {
146
	const styles = window.getComputedStyle(element);
147
	const padding = parseFloat(styles.paddingLeft) + parseFloat(styles.paddingRight);
148
	return element.clientWidth - padding;
149
}

6
export function getInnerWidth(element: any): number {
7
  const cs: any = window.getComputedStyle(element);
8
  return (
9
    element.offsetWidth -
10
    (parseFloat(cs.paddingLeft) +
11
      parseFloat(cs.paddingRight) +
12
      parseFloat(cs.borderLeftWidth) +
13
      parseFloat(cs.borderRightWidth))
14
  );
15
}

8
function getInnerWidth(element) {
9
    const cs = window.getComputedStyle(element);
10
    return (element.offsetWidth -
11
        (parseFloat(cs.paddingLeft) +
12
            parseFloat(cs.paddingRight) +
13
            parseFloat(cs.borderLeftWidth) +
14
            parseFloat(cs.borderRightWidth)));
15
}

48
minWidth(element: any): number {
49
  return parseInt(getComputedStyle(element).getPropertyValue('min-width'), 10);
50
}

55
module.exports = function getWidth(element) {
56
    assertArgument(isVoid(element) || isElement(element), 1, 'Element');
57
    return Math.floor(element ? getBoundings(element).width : global.innerWidth);
58
};

162
_get_width: function _get_width($el) {
163
    return $el.width() + parseInt($el.css("padding-left")) + parseInt($el.css("margin-left")) + parseInt($el.css("padding-right")) + parseInt($el.css("margin-right"));
164
},