[問題] javascript使用insertRow的問題

[toshii (芬達)]

如下程式:
<table id=tab>
        <tr><td>111</td></tr>
</table>

<script language=javascript>
        xx=document.getElementById("tab")
        emp=xx.insertRow(1).insertCell(0)
        emp.innerHTML="222"

        emp.style.display=""
        xx.rows[1].style.display="none"
</script>

這樣跑起來是ok的..第2個<tr>可以控制它消失

但若反過來寫成:
        emp.style.display="none"
        xx.rows[1].style.display=""
第二個<tr>卻不會顯示
很奇怪

其實我的目標是insertRow後都先隱藏
某個button才能把它們展開

我現在的方法是給<tr>加上id
ex.    emp.id="aa"
再用document.getElementById("aa").style.display=""

但為何比較簡單的寫法會不行??


--
看不見太陽那就賞月吧


--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 114.39.171.100
推 qwer820404:你要不要直接用jsfiddle做個sample 啊 話說 display
→ qwer820404:不給值? 不顯示不是就給none嗎
→ danny8376:display如果給"" 代表用預設(CSS的設定)