getting font sizes

[ginerjm]

Trying to do some checking on my code and I have added an onclick to a button to call this function:

 

function ShowSizes()
{
var btn = document.getElementById("btn");
var input_sz = btn.style.fontSize;
var para = document.getElementsByTagName("p");
var p_sz = para[0].style.fontSize;
           /* the above don't show any values - nor do they say 'undefined' */

var div1 = document.getElementById("first_div");
var div1w=div1.offsetWidth;
var div2 = document.getElementById("second_div");
alert("Checking Input size is "+input_sz + " para sz is "+p_sz +
		" First div W: "+div1w + " H: "+div1.offsetHeight +
		" 2nd div W: "+div2.offsetWidth+ " H: "+ div2.offsetHeight);
}

 

The function works but only partially.  The div tag info is shown in the alert box, but the retrieval of the paragraph and my input fields with the id of 'btn' doesn't work.  What am I doing wrong?

[nogray]

if you use the style property for the object, your CSS has to be inline style

e.g.

<p style="font-size:9pt;">

Otherwise, use currentStyle

[ginerjm]

thank you So Much!  Couldn't figure it out and didn't realize that the different ways of getting styles mattered.  Some new material to read on now....

[ginerjm]

After thanking for the response that I got, I have now found that currentStyle does not work on Safari - ie, iPad or iPhone.

 

My research tells me that this is a known quirk, but I haven't found what the solution is for my original problem on an idevice.

Anyone?