10 examples of 'js get element width' in JavaScript

Every line of 'js get element width' code snippets is scanned for vulnerabilities by our powerful machine learning engine that combs millions of open source libraries, ensuring your JavaScript code is secure.

All examples are scanned by Snyk Code

By copying the Snyk Code Snippets you agree to
this disclaimer
129function 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}
Important

Use secure code every time

Secure your code as it's written. Use Snyk Code to scan source code in minutes – no build needed – and fix issues immediately. Enable Snyk Code

10export 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}
27function getWidth(id)
28{
29 return getComputedStyleForElement(document.getElementById(id), 'width');
30}
63getSizeElementWidth()
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}
6export 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}
8function 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}
48minWidth(element: any): number {
49 return parseInt(getComputedStyle(element).getPropertyValue('min-width'), 10);
50}
55module.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},

Related snippets