作者toshii (芬達)
看板Web_Design
標題[問題] javascript使用insertRow的問題
時間Fri Dec 27 15:31:54 2013
如下程式:
<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
1F：推 qwer820404:你要不要直接用jsfiddle做個sample 啊 話說 display 12/27 23:07
2F：→ qwer820404:不給值? 不顯示不是就給none嗎 12/27 23:07
3F：→ danny8376:display如果給"" 代表用預設(CSS的設定) 12/28 04:18