outerWidth without jquery

by

No, but you can get offsetWidth, which is probably what you want.

From http://www.quirksmode.org/dom/w3c_cssom.html

offsetWidth and offsetHeight

The width & height of the entire element, including borders and
padding (excluding margins).

clientWidth and clientHeight

The width & height of the element including padding (excluding
borders and margins)

See this fiddle for an example.

var elm = document.querySelector('div');

document.body.innerHTML += `
  clientWidth: ${elm.clientWidth} px
  <br>
  scrollWidth: ${elm.scrollWidth} px
  <br>
  offsetWidth: ${elm.offsetWidth} px`
  
  
div{
  width      : 200px;
  padding    : 10px;
  border     : 10px solid gold;
  
  margin     : 10px;
  background : lightgreen;
}
<div></div>

If you use jQuery you have more options: width, innerWidth and outerWidth properties.
http://api.jquery.com/category/manipulation/style-properties/

More Related Contents:

  1. Is there any way keep part of my code in a seperate document? [closed]
  2. How can i have color axis in bubble chart using Highchart?
  3. Real-Time Calculation in Javascript: Based on text field and fixed price rate of an item
  4. jQuery AJAX submit form
  5. How can I get the data-id attribute?
  6. Read a file one line at a time in node.js?
  7. Remove blank attributes from an Object in Javascript
  8. Can You Get A Users Local LAN IP Address Via JavaScript?
  9. How to remove one specific selected file from input file control
  10. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  11. Dynamic variables names in javascript
  12. AngularJS – Image “onload” event
  13. How to have a javascript callback executed after an update panel postback?
  14. Calling a Cloud Function from another Cloud Function
  15. Should I link to Google API’s cloud for JS libraries?
  16. How to link external javascript file onclick of button
  17. Maximum Lat and Long bounds for the world – Google Maps API LatLngBounds()
  18. Get latitude and longitude based on location name with Google Autocomplete API
  19. jQuery: trigger a hover event from another element
  20. add/subtract business days in Javascript
  21. Get return value from setTimeout [duplicate]
  22. Omit property variable when using object destructuring
  23. How to extract data out of a Promise
  24. how to define index in angular material table
  25. Is it possible to catch browser’s File Open/Save dialog event using Javascript
  26. How to add a custom button to the toolbar that calls a JavaScript function?
  27. Is there a way to read image metadata using node.js
  28. How to find the coordinate that is closest to the point of origin?
  29. Angular controller scope not updating after jQuery ajax call
  30. How can I compare two color values in jQuery/JavaScript?

Leave a Comment