Home/ Questions/Q 6724759
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T09:43:40+00:00

suppose i have one js variable and my html data is stored into it

  • 0

suppose i have one js variable and my html data is stored into it like

var data = '<div id="tst">here will be my othere html</div>'

in this case can i determine that what would be height & width of div tst using jquery?

one guy give me solution like

var $test = $(data).appendTo('body');
var size;

window.setTimeout(function(){
 size = {
     height: $test.height(),
     width: $test.width()
 };
 $test.remove();
});

but the above code looks bit complicated. if anyone know easy solution then please give me a sample code to do so. thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This code is enough:

    //put html from variable at the end of <body>
var $test = $(data).appendTo('body');

//determine height and width and put into one variable for convenience
var size = {
   height: $test.outerHeight(),
   width: $test.outerWidth()
};

    Please note that it isn’t even necessary to use size. You could put it into 2 variables widthand height. It is merely a personal preference.

    Also note that I prefer to use .outerHeight()and .outerWidth() because the regular .width()/.height() don’t count the border. It’s up to you to decide which ones you actually need 😉

    • 0