Changing style of elements

I need to toggle the 'display' style of a certain element, which I have obtained through getElementsByTagName(). I am finding it very difficult compared to if I were using getElementById(). What is the best way to do this?


function Toggle() {
tables=document.getElementsByTagName('table');
tables[0].style.display='none'; //Doesn't work
}

Are you sure you're trying to hide the right table? The code you listed should hide the first table on the page.

Are you getting any errors?

Hi there benforbes,

here is a working example...
<script type="text/javascript">
<!--
function Toggle() {
tables=document.getElementsByTagName('table');
tables[0].style.display='none';
}
//-->
</script>



<table><tr>
<td>table 0</td>
</tr></table>
<table><tr>
<td>table 1</td>
</tr></table>
<a href="#" onclick="Toggle()">toggle</a>

coothead

That works now for some reason. :confused: I don't have the exact code I was originally using, I've since replaced it with another technique. I think I may have been accessing the node collection returned by getElementsByTagName() instead of the element array, if that is even possible. Whatever the case, it's fixed now, thanks.