tr標籤的可見性

相信大家在撰寫網頁時，多少會需要隱藏某些標籤（tr、td..），之前piggy都是用<tr id="tr1" ruant="server" />，在後台指定「tr1.visible="True"」。
今天在寫一支javascript，希望滑鼠移動到image時可以改變顏色，當滑鼠再進一步click則開啟某個tr，因為這次想要全都使用javascript去控制，而不是透過後台的方式，所以作了一些嘗試，以下是一點心得。

-----------------------------上面是廢話-----------------------------
1.tr的設定
<tr id="tr1" style="VISIBILITY: hidden">
　略
<tr/>
2.控制可見性
< a="#" onmousedown="document.getElementById('tr1').removeAttribute('style'); document.getElementById('tr1').style.visibility='visible';" <a/>
簡單來說，本範例是用onmousedown事件觸發，首先清空tr1的style設定接著再給予新的設定值即可，如果style的設定有很多的話，可以考慮獨立一個專門設置style的function給onmousedown叫用。

PS：piggy本來是用onmousedown="document.getElementById('tr1').visible='True';"，可是都不work後來才改用設定style的方式，提供給跟我遇到一樣問題的人參考。