UC知道div 层隐藏/显示
来源：百度知道 编辑：UC知道 时间：2024/05/26 11:17:56
html页面，一个div 一个table， table里放得一个按钮，初始Div隐藏，一点按钮Div显示。如果table 在DIV上面，执行就没有效果，但是如果DIv在table上面，就没有问题，为什么呢。 代码如下：
<script type="text/javascript">
function show(id){
var traget=document.getElementById(id);
traget.style.display="";
}
</script>
<table >
<tr>
<td><input type='button' value='显示' onClick="show('div1');" ></td>
</tr>
<table>
<div id="div1" style="display:none;">
222222222222222222222
</div>
谢谢先
<script type="text/javascript">
function show(id){
var traget=document.getElementById(id);
traget.style.display="";
}
</script>
<table >
<tr>
<td><input type='button' value='显示' onClick="show('div1');" ></td>
</tr>
<table>
<div id="div1" style="display:none;">
222222222222222222222
</div>
谢谢先
</table> 被你写成 <table> 了。
JS一旦遇到错误的语句就会停止执行，按照常理，你所描述的错误没有可能发生，所以一定是哪里代码错了。
那么短的代码，逐一删除不必要的代码，（比如table标签，tr，td标签），直到功能正常。错误的地方就会付出水面了。