enltr xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#"http://www.w3.org/1999/xhtml/vocab/////////////////Get computed width of element with .outerWidth() | BitsyCodehttps://www.bitsycode.com/methods/dom/outerWidthGet computed width of element with .outerWidth() | BitsyCode Get computed width of element with .outerWidth() | BitsyCode html not-front not-logged-in no-sidebars page-node page-node- page-node-48 node-type-page

Get computed width of element with .outerWidth()

container

.outerWidth()


Description: Get the computed width for an element, including padding, border, and margin.


Example:

<!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>outerWidth demo</title>
      <script src="http://code.bitsycode.com/bitsycode-latest.min.js"></script>
    </head>
    <body>
      
      <div class="mycontainer">This is my container</div>
      <div class="result"></div>
      
      <script>
         
         bitsyCode.ready(function(){
            var outerWidth = bitsyCode(".mycontainer").outerWidth();
            bitsyCode(".result").html(outerWidth);
            
            var outerWidth_setWidth = bitsyCode(".mycontainer").outerWidth('300px'); //SET WIDTH 
            
         })
         
      </script>
     
    </body>
    </html>

Preview:

This is my container

Share

Developed and built with passion and commitment.
Maintained by the bitsycode team.