Breaking News: Grepper is joining You.com. Read the official announcement!

jQuery - Dimensions

naly moslih answered on May 24, 2022 Popularity 8/10 Helpfulness 2/10

answer jQuery - Dimensions

jQuery - Dimensions

Comment

//jQuery width() and height() Methods
$("button").click(function(){
  var txt = "";
  txt += "Width: " + $("#div1").width() + "</br>";
  txt += "Height: " + $("#div1").height();
  $("#div1").html(txt);
});

//jQuery innerWidth() and innerHeight() Methods
$("button").click(function(){
  var txt = "";
  txt += "Inner width: " + $("#div1").innerWidth() + "</br>";
  txt += "Inner height: " + $("#div1").innerHeight();
  $("#div1").html(txt);
});

//jQuery outerWidth() and outerHeight() Methods
$("button").click(function(){
  var txt = "";
  txt += "Outer width: " + $("#div1").outerWidth() + "</br>";
  txt += "Outer height: " + $("#div1").outerHeight();
  $("#div1").html(txt);
});

//The width() method sets or returns the width of an element (excludes padding, border and margin).
//The height() method sets or returns the height of an element (excludes padding, border and margin).

//The innerWidth() method returns the width of an element (includes padding).
//The innerHeight() method returns the height of an element (includes padding).

//The outerWidth() method returns the width of an element (includes padding and border).
//The outerHeight() method returns the height of an element (includes padding and border).

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: dimensions javascript jquery

Link to this answer
Share Copy Link

Contributed on May 24 2022

naly moslih

0 Answers Avg Quality 2/10

jQuery - Dimensions

Contents

More Related Answers

jQuery - Dimensions

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.