有点长,大概的是这样的
<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是怎么来做出判断呢??
<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是怎么来做出判断呢??
解决方案 »
- 求个完整的dtree示例,必须是动态的!
- 有关ETC行单元格合并的问题
- msxml2.xmlhttp 跨域 权限问题
- 怎么表示&?
- javascript日期相减求助
- 数组中的SORT()是按什么原则排序的呢?
- jquery easyui combobox 如何聚焦
- JavaScript中有类似于VBScript中的DateDiff的function吗?
- 动态组成涵数定义?why?
- 可以精准实现页面跳转的代码(最后一段函看不懂大佬能帮改善下吗)
- 如何让页面加载完成后再执行后面的代码——只有10分了
- o_ms.innerHTML = s ? "►" : "◄";//帮我解释一下什么意思?
document.all["SearchTable"][i].style.display = "block";就是用来设置这一组中的第i个table的显示属性
如果只有一个,返回的是一个table对象,没有就返回null
getElementById,getElementsByName,getElementsByTagName是固定返回类型的