100分求 表格的控制,该怎么解决
日期：2014-05-16 浏览次数：20371 次
100分求 表格的控制
document.getElementById( "div3 ").innerHTML = " <table> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr>
<tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr>
<tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr>
</table> ";
我用这个为什么不能控制表格的td显示与隐藏亚
var tbl = document.getElementById( 'mytable ');
var rows = tbl.getElementsByTagName( 'tr ');
var cels = rows[row].getElementsByTagName( 'td ')
cels[col_no].style.display=stl;
------解决方案--------------------
注意td是不能隐藏的，tr和table都可以
<input type= "button " name= "Submit " value= "发布前必读 " onClick= "if (document.getElementById( 'dd ').style.display== 'none '){document.getElementById( 'dd ').style.display= 'block '} else {document.getElementById( 'dd ').style.display= 'none '} ">
------解决方案--------------------
sorry，td是可以隐藏的，好长时间不写了都糊涂了。
搂主要给td指定id
------解决方案--------------------
可以呀～
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
</head>
<script type= "text/javascript ">
function a(){
document.getElementById( "div3 ").innerHTML = " <table border=1> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> ";
}
function dis(){
var tbl = document.getElementById( 'div3 ');
var rows = tbl.getElementsByTagName( 'tr ');
var cels = rows[2].getElementsByTagName( 'td ')
cels[1].style.display= "none ";
}
</script>
<body onload= "a() ">
<div id= "div3 ">
</div>
<input type= "button " onclick= "dis() " value= "隐藏 "/>
</body>
</html>
------解决方案--------------------
这样~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
</head>
<script type= "text/javascript ">
function a(){
document.getElementById( "div3 ").innerHTML = " <table border=1> <tr> <td> &l
document.getElementById( "div3 ").innerHTML = " <table> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr>
<tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr>
<tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr>
</table> ";
我用这个为什么不能控制表格的td显示与隐藏亚
var tbl = document.getElementById( 'mytable ');
var rows = tbl.getElementsByTagName( 'tr ');
var cels = rows[row].getElementsByTagName( 'td ')
cels[col_no].style.display=stl;
------解决方案--------------------
注意td是不能隐藏的，tr和table都可以
<input type= "button " name= "Submit " value= "发布前必读 " onClick= "if (document.getElementById( 'dd ').style.display== 'none '){document.getElementById( 'dd ').style.display= 'block '} else {document.getElementById( 'dd ').style.display= 'none '} ">
------解决方案--------------------
sorry，td是可以隐藏的，好长时间不写了都糊涂了。
搂主要给td指定id
------解决方案--------------------
可以呀～
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
</head>
<script type= "text/javascript ">
function a(){
document.getElementById( "div3 ").innerHTML = " <table border=1> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> ";
}
function dis(){
var tbl = document.getElementById( 'div3 ');
var rows = tbl.getElementsByTagName( 'tr ');
var cels = rows[2].getElementsByTagName( 'td ')
cels[1].style.display= "none ";
}
</script>
<body onload= "a() ">
<div id= "div3 ">
</div>
<input type= "button " onclick= "dis() " value= "隐藏 "/>
</body>
</html>
------解决方案--------------------
这样~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
</head>
<script type= "text/javascript ">
function a(){
document.getElementById( "div3 ").innerHTML = " <table border=1> <tr> <td> &l
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
