中科新闻网拖车多少钱:怎样把网页里面的表格某列通过点击后隐藏
来源：百度文库 编辑：中科新闻网 时间：2024/05/15 01:22:55
怎么样用JS，来控制表格左右收缩，比如说有50列，我自义想隐藏哪几列就隐藏哪几列，可以苦于没有找到办法，还请各位路过的高手们看一看
这个只能隐藏（点到一列就隐藏了）不能显示，谢谢
<script language="JavaScript" type="text/JavaScript">
<!--
function hide() {
var o = event.srcElement.cellIndex;
var t = document.getElementById("t");
for (var i = 0; i < t.rows.length; i++) {
t.rows[i].removeChild(t.rows[i].childNodes[o]);
}
}
//-->
</script>
<table id="t" width="300" border="1" cellspacing="0" cellpadding="0" onClick="hide();">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>
问题解决后加30分
这个只能隐藏（点到一列就隐藏了）不能显示，谢谢
<script language="JavaScript" type="text/JavaScript">
<!--
function hide() {
var o = event.srcElement.cellIndex;
var t = document.getElementById("t");
for (var i = 0; i < t.rows.length; i++) {
t.rows[i].removeChild(t.rows[i].childNodes[o]);
}
}
//-->
</script>
<table id="t" width="300" border="1" cellspacing="0" cellpadding="0" onClick="hide();">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>
问题解决后加30分
第一步：
在对应列的<td>标签中添加id="eyhc" style="display:"
如：<td id="eyhc" style="display:"></td>
第二步：用按钮控制显示和隐藏
<input type="button" value="显示" onclick="ShowHide(1)">
<input type="button" value="隐藏" onclick="ShowHide(0)">
第三步：添加JS语句
<script language="javascript">
function ShowHide(types){
var str="";
if(types==0){
str="none";
}
if(typeof(eyhc.length)=="undefined"){
eyhc.style.display=str;
}else{
for(i=0;i<eyhc.length;i++){
eyhc[i].style.display=str;
}
}
}
</script>
可以在尝试css