js 如何动态控制tr td的可见和隐藏

[hm8030]

js 如何动态控制tr td的可见和隐藏
在網上找到只能固定控制一個table的可見，但是對於動態生成的td table就會提示網頁出錯。請高手幫忙。

<script type="text/javascript">
<!--
var isShow = false;
function showadv(id,bt){
if (isShow) {
document.getElementById(id).style.display = "none";
bt.value="显示問題答案";
isShow = false;
}else{
document.getElementById(id).style.display = "";
bt.value="隱藏問題答案";
isShow = true;
}
}
//-->
</script>

[cnruhua]

把tr,td的id传给函数就OK了.tr,td要给个id,或者通过childNodes或他方法

[Ischema]

无论是事先写好的，还是动态生成的，要找到指定的tr或td都必须知道其相关的一个属性，未必必须是id或name，然后无论是在一个table还是多个table都可以通过document.getElementsByTagNames("tr")或td，取得集合，……再根据知道的属性再找，最后设置显示/隐藏

[qingwuwa]

方法一：
document.getElementById("控件ID").style.visibility="hidden";
document.getElementById("控件ID").style.visibility="visible";
方法二：
document.getElementById("控件ID").style.display="none";
document.getElementById("控件ID").style.display="inline";
方法一隐藏后 页面的位置还被控件占用 只是不显示 类似于.net验证控件的Display=Static
方法二隐藏后 页面的位置不被占用 类似于.net验证控件的Display=Dynamic

[boneeater]

只要得到tr或td,用id或name定位,然后设置其style的display属性为none和inline,就可以了啊,如果是动态的话先判断tr或者td是否存在

[hm8030]

對了,這個動態的實在後台控制的.

stable += "<table border='1'>";
for (int i = 0; i < 3; i++)
{
string btnname = "adv" + i.ToString();
stable += "<tr >";
stable += "<td>question:what your name?<input type='button' name='advshow' onclick='showtd('" + btnname + "')' value='显示問題答案' />";
stable += "</td></tr>";
stable += "<tr>";
stable += "<td><table border='1' id='" + btnname + "' style='display: none'>";
stable += "<tr><td>anser:my name is kitty";
stable += "</td></tr>";
stable += "</table></td>";

stable += "</tr>";
}


stable += "</table>";

[hm8030]

喔,謝謝啦