javascript class style properties

[Paul Lautman]

If I have the following:

<style type="text/css">
..nd {
display : none;
}
</style>
<input type="checkbox" id="b1" class="nd"/>

how do I tell (in javascript) that the checkbox's display status is
currently none?

TIA
Regards
Paul

[RobG]

Paul Lautman wrote:

If I have the following:

<style type="text/css">
.nd {
display : none;
}
</style>
<input type="checkbox" id="b1" class="nd"/>

how do I tell (in javascript) that the checkbox's display status is
currently none?

From a Matt Kruze post (wrapped for posting);

function getObjectStyleV alue(obj,proper ty) {
if (obj.currentSty le) {
return obj.currentStyl e[property];
}
else if (obj.document && obj.document.de faultView
&& obj.document.de faultView.getCo mputedStyle) {
return obj.document.de faultView.getCo mputedStyle(obj ,
'').getProperty Value(property) ;
}
return null;
}

--
Rob

[Paul Lautman]

RobG wrote:

Paul Lautman wrote:

>If I have the following:

<style type="text/css">
.nd {
display : none;
}
</style>
<input type="checkbox" id="b1" class="nd"/>

how do I tell (in javascript) that the checkbox's display status is
currently none?

From a Matt Kruze post (wrapped for posting);

function getObjectStyleV alue(obj,proper ty) {
if (obj.currentSty le) {
return obj.currentStyl e[property];
}
else if (obj.document && obj.document.de faultView
&& obj.document.de faultView.getCo mputedStyle) {
return obj.document.de faultView.getCo mputedStyle(obj ,
'').getProperty Value(property) ;
}
return null;
}

Cheers for that

[Matt Kruse]

Paul Lautman wrote:

RobG wrote:

>From a Matt Kruze post (wrapped for posting);
function getObjectStyleV alue(obj,proper ty) {
[snip]

Cheers for that

Check out a more robust version at:
http://www.javascripttoolbox.com/lib/util/

// Get the currently-applied style of an object
css.getStyle = function(o, property) {
if (o==null) { return null; }
var val = null;
var camelProperty = css.hyphen2came l(property);
// Handle "float" property as a special case
if (property=="flo at") {
val = css.getStyle(o, "cssFloat") ;
if (val==null) {
val = css.getStyle(o, "styleFloat ");
}
}
else if (o.currentStyle && defined(o.curre ntStyle[camelProperty])) {
val = o.currentStyle[camelProperty];
}
else if (window.getComp utedStyle) {
val = window.getCompu tedStyle(o,null ).getPropertyVa lue(property);
}
else if (o.style && defined(o.style[camelProperty])) {
val = o.style[camelProperty];
}
// For color values, make the value consistent across browsers
// Convert rgb() colors back to hex for consistency
if (/^\s*rgb\s*\(/.test(val)) {
val = css.rgb2hex(val );
}
// Lowercase all #hex values
if (/^#/.test(val)) {
val = val.toLowerCase ();
}
return val;
};
--
Matt Kruse
http://www.JavascriptToolbox.com
http://www.AjaxToolbox.com