Hiding a table row for a cell containing a span
<p>I am trying to hide a row which contains in one of the cells a specific span element.  The following code is what I have so far - but there is no getElementsByTagName for a tr </p>

<p>What else can I do to get the row?  Thanks !</p>

<pre><code>&lt;table id='tableContainer'&gt;
&lt;tr&gt;&lt;td&gt;&lt;span id='xyz'&gt;Hide&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;span id='abc'&gt;Show&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;

container = document.getElementById('tableContainer');
items = container.getElementsByTagName('tr');

for (var j = 0; j &lt; items.length; j++) {
    spans = items.getElementsByTagName('span');
    for (var i=0; i&lt;spans.length; i++) {
        if (spans.id == 'xyz') {
            items.display = 'none';
        }
    }
}
</code></pre>
