下面这份程序 输入点击搜索的时候,单元格变大了,类似的其他操作,如添加删除tr,等也会引起变化,怎么固定一下?
<html><head><title></title>
<style type'text/css'>
#tab{width:500px;height:200px;border:2px solid;border-collapse: collapse;}
#tab td{border:2px solid;padding:1px;margin:2px;width:100px;height:50px;}
</style>
<script language='javascript'>
window.onload=function ()
{
var oname=document.getElementById('name');
var obtn=document.getElementById('btn');
var otab=document.getElementById('tab');
var otr=otab.tBodies[0].rows
obtn.onclick=function ()
{
for (var i=0;i<otr.length;i++)
{
otr[i].style.display='none';
var stab=otr[i].cells[1].innerHTML;var stext=oname.value;
var atext=stext.split(' ');
for (var j=0;j<atext.length;j++)
{
if (stab.search(atext[j])!=-1)
{
otr[i].style.display='block';
}
}
};
}
}
</script>
<head>
<body>
姓名<input id='name' type='text'>
<input id='btn' type='button' value='搜索'>
<table id='tab'>
<thead>
<td>编号</td>
<td>姓名</td>
<td>年龄</td>
<td>操作</td>
</thead>
<tbody>
<tr>
<td>1</td>
<td>王二</td>
<td>22</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>张三</td>
<td>23</td>
<td></td>
</tr>
<tr>
<td>3</td>
<td>李四</td>
<td>34</td>
<td></td>
</tr>
<tr>
<td>4</td>
<td>孙武</td>
<td>43</td>
<td></td>
</tr>
<tr>
<td>5</td>
<td>王六</td>
<td>23</td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>
关于用javascript操作 table的时候,单元格的大小发生变化,
答案:2 悬赏:80 手机版
解决时间 2021-03-04 05:28
- 提问者网友:萌卜娃娃
- 2021-03-03 04:46
最佳答案
- 五星知识达人网友:人類模型
- 2021-03-03 05:32
不指定table的height
全部回答
- 1楼网友:时间的尘埃
- 2021-03-03 06:34
额
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯