Question

say that I have an id defined like this

<span id ="radiobuttonContainer"> Check to enable checkboxes: 
<input type="radio" name="cov-failed" value="cover" onclick="javascript:printoutCheckboxes('cover')">   
Coverage                
<input type="radio" name="cov-failed" value="failed" onclick="javascript:printoutCheckboxes('failed')"> 
Failed</span>

I dont want to show this “spanId” in browsers below I.E 9 Because this enables alot more vizualizing of data which IE < 8 don’t can manage. I know that you can have diffrent javascripts and css:es depending on browsers like this

<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="root/include/excanvas.min.js"></script><![endif]--> 

And then chose display: ‘none’;

But I wonder if it really is nessecary to have 2 equal .css files containing exactly the same information besides this single row?

Can’t I just do something like this?

<!--[if lte IE 8]>document.getElementById('radiobuttonContainer').style.display = 'none';<![endif]-->

Answer 1

I think you can surely do something like this:

<!--[if lte IE 8]><script type="text/javascript">
   document.getElementById('radiobuttonContainer').style.display = 'none';
</script><![endif]-->

which is a merge of your examples by the way.