无法获取Firefox元素的HTML元素的高度和宽度

Question

getheightWidth(obj, className)
{
 var o = new Object();
 var span = document.createElement("P");
 document.body.appendChild(span);
 span.className = className;
 span.style.visibility = "hidden";
 o.width = $(span).width();
 o.height = $(span).height();
 return o;
}

I am unable to get height and width of element. According to specified in class.

Answer 1

Your parameter is obj and returning o that's typo:

getheightWidth(o, className) //replaced obj to o
{
 var span = document.createElement("P");
 span.className = className;
 span.style.visibility = "hidden";
 o.width = $(span).width();
 o.height = $(span).outerHeight(false);
 return o;
}

Answer 2

try

SAMPLE HTML

<div class="test1">dd</div>

JS

 function getheightWidth(className)
{
 var o = new Object();
 var span = document.createElement("P");
 span.className = className;
 span.style.visibility = "hidden";
 $("div.test1").append(span);   // append into html
 o.width = $(span).width();
 o.height = $(span).outerHeight(false);
 return o;
}
var obj=getheightWidth("test")

console.log(obj);

DEMO

NOTE: You can not get an element's height/width before it is being appended to dom

Answer 3

problem was related to window. here i was creating element span in current window and try to get on upper window that's why i was enable to get values of variable o.

getheightWidth(obj, className)
{
 var o = new Object();
 var span = document.createElement("P");
 window.top.document.body.appendChild(span);
 span.className = className;
 span.style.visibility = "hidden";
 o.width = $(span).width();
 o.height = $(span).height();
 return o;
}