怎样在打印的时候不显示表格边框啊

regandy 2006-03-13 11:35:51
就是有一个表格,点打印按钮的时候我调用了window.print();,同时把打印按钮给隐藏了,但是我还想隐藏表格的边框,怎么做啊.
我想用document.inputForm.inputTable.border="0";
但是出错啊.
inputForm是form名,inputTable是表格名.
哪位能教教我啊?




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>打印输入页面 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<script language="javascript">

function toPrint(){

document.inputForm.btnPrint.style.display="none";
window.print();
}
</script>

<form name="inputForm" method="post" action="preview.asp" >
<table name="inputTable" border="1" >
<tr>
<td name="tdd" >

<input type="text" name="td11" value="一1号" >
</td>
<td>
<input type="text" name="td12" value="一2号">
</td>
<td>
<input type="text" name="td13" value="一3号">
</td>
</tr>
<tr>
<td>
<input type="text" name="td21" value="21号">
</td>
<td>
<input type="text" name="td22" value="22号">
</td>
<td>
<input type="text" name="td23" value="23号">
</td>
</tr>
<tr>
<td>
<input type="text" name="td31" value="31号">
</td>
<td>
<input type="text" name="td32" value="32号">
</td>
<td>
<input type="text" name="td33" value="33号">
</td>
</tr>
<tr>
<td>
<input type="text" name="td41" value="41号">
</td>
<td>
<input type="text" name="td42" value="42号">
</td>
<td>
<input type="text" name="td43" value="43号">
</td>
</tr>
</table>

<input type="button" value="打印" onclick="toPrint()" name="btnPrint">

</form>
</BODY>
</HTML>
...全文
829 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
全息宇宙 2006-03-13
  • 打赏
  • 举报
回复
document.all.inputTable.border="0";
clare2003 2006-03-13
  • 打赏
  • 举报
回复

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>打印输入页面 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<script language="javascript">

function toPrint(){

document.inputForm.btnPrint.style.display="none";
document.all.inputtable1.border="0"//设置为0
window.print();
}
</script>

<form name="inputForm" method="post" action="preview.asp" ID=Form1>
<table id="inputtable1" name="inputTable" border="1" >//加上ID
<tr id="tr1">
<td name="tdd" >

<input type="text" name="td11" value="一1号" ID=Text1>
</td>
<td>
<input type="text" name="td12" value="一2号" ID=Text2>
</td>
<td>
<input type="text" name="td13" value="一3号" ID=Text3>
</td>
</tr>
<tr>
<td>
<input type="text" name="td21" value="21号" ID=Text4>
</td>
<td>
<input type="text" name="td22" value="22号" ID=Text5>
</td>
<td>
<input type="text" name="td23" value="23号" ID=Text6>
</td>
</tr>
<tr>
<td>
<input type="text" name="td31" value="31号" ID=Text7>
</td>
<td>
<input type="text" name="td32" value="32号" ID=Text8>
</td>
<td>
<input type="text" name="td33" value="33号" ID=Text9>
</td>
</tr>
<tr>
<td>
<input type="text" name="td41" value="41号" ID=Text10>
</td>
<td>
<input type="text" name="td42" value="42号" ID=Text11>
</td>
<td>
<input type="text" name="td43" value="43号" ID=Text12>
</td>
</tr>
</table>

<input type="button" value="打印" onclick="toPrint()" name="btnPrint" ID=Button1>

</form>
</BODY>
</HTML>
victor26 2006-03-13
  • 打赏
  • 举报
回复
因为table不是form的元素,不能这样引用,你这么写
document.all.input.border="0";
<table id="input" border="1" >

lilygt 2006-03-13
  • 打赏
  • 举报
回复
学习

87,903

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧