detecting values for object properties

[Tom]

I need a little validation script to test whether a certain value for a
property exists or not: specifically, whether the value "table-row" is
a legit value for the style.display property. I'm turning table rows
on and off, and CSS2 supported browsers can use "table-row" as a value
for style.display, but browsers that don't support CSS2 (like IE 6.0)
don't recognize the value "table-row" as being valid (it returns an
error). The alternative is to use "style.disp lay = 'block';", but
browsers that use CSS2 turn the <trinto a block element, and it loses
the properties of a true <trelement (i.e. colspan, rowspan become
meaningless). So I need a detection (or something better if this is
sloppy).

Here's what I've got:

<script language="javas cript" type="text/javascript">
<!--
function turnRowOff( id ) {
thisDiv = document.getEle mentById( id );
thisDiv.style.d isplay = "none";
}
function turnRowOn( id ) {
thisDiv = document.getEle mentById( id );
if ( ??? some code ??? ) {
thisDiv.style.d isplay = "table-row" ;
} else {
thisDiv.style.d isplay = "block" ;
}
}
// -->
</script>

<a href="javascrip t:turnRowOff('w hatever');">tur n row on</a>
<table><tr id="whatever" style="display: none;"><td>Now you see
me!</td></tr></table>

Any ideas?

[Tom]

Well I solved my own problem:
thisDiv.style.d isplay = "";

I'm still curious if there's a way to detect valid property assignments
though :-)

Tom wrote:

I need a little validation script to test whether a certain value for a
property exists or not: specifically, whether the value "table-row" is
a legit value for the style.display property. I'm turning table rows
on and off, and CSS2 supported browsers can use "table-row" as a value
for style.display, but browsers that don't support CSS2 (like IE 6.0)
don't recognize the value "table-row" as being valid (it returns an
error). The alternative is to use "style.disp lay = 'block';", but
browsers that use CSS2 turn the <trinto a block element, and it loses
the properties of a true <trelement (i.e. colspan, rowspan become
meaningless). So I need a detection (or something better if this is
sloppy).

Here's what I've got:

<script language="javas cript" type="text/javascript">
<!--
function turnRowOff( id ) {
thisDiv = document.getEle mentById( id );
thisDiv.style.d isplay = "none";
}
function turnRowOn( id ) {
thisDiv = document.getEle mentById( id );
if ( ??? some code ??? ) {
thisDiv.style.d isplay = "table-row" ;
} else {
thisDiv.style.d isplay = "block" ;
}
}
// -->
</script>

<a href="javascrip t:turnRowOff('w hatever');">tur n row on</a>
<table><tr id="whatever" style="display: none;"><td>Now you see
me!</td></tr></table>

Any ideas?