<!DOCTYPE html>
<html>
<head>
<title>搜索</title>
</head>
<script type="text/javascript">
window.onload=function(){
var otxt = document.getElementById('txt');
var obtn = document.getElementById('btn');
var otab = document.getElementById('tab');
obtn.onclick=function(){
for(var i=0 ;i<otab.tBodies[0].rows.length;i++){
otab.tBodies[0].rows[i].style.background='';
if(otab.tBodies[0].rows[i].cells[1].innerHTML==otxt.value){
otab.tBodies[0].rows[i].style.background='red';
}
}
}
};
</script>
<body>
<input type="text" id="txt">
<input type="button" id="btn" value="搜索"><br/><br/>
<table id="tab" border="2">
<thead>
<tr>
<th>编号</th>
<th>姓名</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>zs</td>
<td>23</td>
</tr>
<tr>
<td>2</td>
<td>ls</td>
<td>23</td>
</tr>
<tr>
<td>3</td>
<td>ww</td>
<td>23</td>
</tr>
</tbody>
</table>
</body>
</html>
js-DOM操作应用之搜索1
猜你喜欢
转载自blog.csdn.net/weixin_44763595/article/details/104835910
今日推荐
周排行