use*_*310 3 html html-table show hide
我有这样一张桌子:
<table cellpadding="0" cellspacing="0" border="0" >
<tr >
<div id="div_1c">
<td><img src="#IMAGE_PREFIX#themes/theme_15/tab_open_c.gif" alt="" /></td>
<td class="t15CurrentTabCenter"><span>Urlap megjegyzések</span></td>
<td><img src="#IMAGE_PREFIX#themes/theme_15/tab_close_c.gif" alt="" /></td>
</div>
<div id="div_1nc">
<td><img src="#IMAGE_PREFIX#themes/theme_15/tab_open.gif" alt="" /></td>
<td class="t15TabCenter" onclick="zfocus_Div('DIV_MEGJEGYZES','div_1c')" ><a href="#TAB_LINK#">Urlap megjegyzések</a></td>
<td><img src="#IMAGE_PREFIX#themes/theme_15/tab_close.gif" alt="" /></td>
</div>
<div id="div_2c">
<td><img src="#IMAGE_PREFIX#themes/theme_15/tab_open_c.gif" alt="" /></td>
<td class="t15CurrentTabCenter"><span>Üzemviteli munkák</span></td>
<td><img src="#IMAGE_PREFIX#themes/theme_15/tab_close_c.gif" alt="" /></td>
</div>
<div id="div_2nc">
<td><img src="#IMAGE_PREFIX#themes/theme_15/tab_open.gif" alt="" /></td>
<td class="t15TabCenter" onclick="zfocus_Div('DIV_UZEMVITELI_MUNKA','div_2c')"><a href="#TAB_LINK#">Üzemviteli munkák</a></td>
<td><img src="#IMAGE_PREFIX#themes/theme_15/tab_close.gif" alt="" /></td>
</div>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
加上一些Javascript代码:
<script language="javascript" type="text/javascript">
function zfocus_Div(pActiveTab,pActiveDiv)
{
html_HideElement('AAA');
html_HideElement('div_1c');
html_HideElement('div_2nc');
html_HideElement('div_2c');
html_HideElement('DIV_MEGJEGYZES');
html_HideElement('DIV_UZEMVITELI_MUNKA');
html_ShowElement(pActiveTab);
html_ShowElement(pActiveDiv);
}
</script>
Run Code Online (Sandbox Code Playgroud)
我在页面的onload事件中执行以下代码:
<script> zfocus_Div('DIV_MEGJEGYZES','div_1c') </script>
Run Code Online (Sandbox Code Playgroud)
执行后,表中没有任何div被隐藏.有人可以解释一下这可能是什么原因吗?据我所知,div可以在表格中使用.
那是因为div元素实际上会在结果之外table.
div除了inside td或thelements 之外,表中不能包含元素(或任何非表元素).如果您尝试这样做,浏览器将尝试通过删除非法元素或将其移出表格来更正代码.