有点长,大概的是这样的
<span onclick="selectSearchType(0)">查询供应信息</span>
<span onclick="selectSearchType(1)">查询求购信息</span>
<span onclick="selectSearchType(1)">查询企业</span>
<TABLE width="100%" border="0" cellPadding="0" cellSpacing="0" id="SearchTable"> .....
</TABLE>
<TABLE width="100%" border="0" cellPadding="0" cellSpacing="0" id="SearchTable" style="DISPLAY: none">
.....
</TABLE>

<TABLE width="100%" border="0" cellPadding="0" cellSpacing="0" id="SearchTable" style="DISPLAY: none">
.....
</TABLE>
<SCRIPT language="javascript">
<!--
function selectSearchType(searchIndex){
var count = document.all["SearchLabel"].length;

for(var i = 0 ;i < count ; i++){
if(i == searchIndex){ //- 当前搜索栏目 
document.all["SearchLabel"][i].background="../img/seach-bg.jpg"
document.all["SearchTable"][i].style.display = "block";
document.all["TitleFont"][i].color = "#FFFFFF";
}else{
document.all["SearchLabel"][i].background="../img/seach-bg1.jpg"
document.all["SearchTable"][i].style.display = "none";
document.all["TitleFont"][i].color = "#282828";
}
}
//-->
</SCRIPT>
当执行相关的JS,可以隐藏想对应的Table,我想问的是这三个table的id都等于"SearchTable",那JS是怎么来做出判断呢??

解决方案 »

  1.   

    不好意思<span onclick="selectSearchType(1)">查询企业</span>--<span onclick="selectSearchType(2)">查询企业</span>
      

  2.   

    document.all["SearchTable"]返回了id=SearchTable的一组table
    document.all["SearchTable"][i].style.display = "block";就是用来设置这一组中的第i个table的显示属性
      

  3.   

    如果有多个SearchTable ,document.all["SearchTable"]就返回对象组,
    如果只有一个,返回的是一个table对象,没有就返回null
    getElementById,getElementsByName,getElementsByTagName是固定返回类型的