jQuery innerWidth() Methode

❮ jQuery HTML/CSS-methoden

Voorbeeld

Retourneer de binnenbreedte van een <div> -element:

$("button").click(function(){
  alert($("div").innerWidth());
});

Definitie en gebruik

De methode innerWidth() retourneert de binnenbreedte van het EERSTE overeenkomende element.

Zoals de onderstaande afbeelding illustreert, bevat deze methode opvulling, maar geen rand en marge.

jQuery-afmetingen


Gerelateerde methoden:

  • width() - Stelt de breedte van een element in of geeft deze terug
  • height() - Stelt de hoogte van een element in of geeft deze terug
  • innerHeight() - Retourneert de hoogte van een element (inclusief opvulling)
  • outerWidth() - Geeft de breedte van een element terug (inclusief opvulling en rand).
  • outerHeight() - Retourneert de hoogte van een element (inclusief opvulling en rand).

Syntaxis

$(selector).innerWidth()

Probeer het zelf - Voorbeelden


Hoe width(), height(), innerHeight(), innerWidth(), outerWidth() en outerHeight() te gebruiken.


❮ jQuery HTML/CSS-methoden