查找表格的内容_表单按钮特效

模板酷站
  •       3/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!

      查找表格的内容,您可以先修改部分代码再运行.

      <html> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <meta name="GENERATOR" mrc="Microsoft FrontPage 4.0"> <meta name="ProgId" mrc="FrontPage.Editor.Document"> <title>查找表格的内容-模板无忧www.mb5u.com</title> <style> <!-- body { font-family: Tahoma; font-size: 8pt } td { font-family: Tahoma; font-size: 8pt; padding: 2 } --> </style> </head> <body> <div align="center"> <center> <table border="1" cellspacing="0" width="400" cellpadding="0" id="table1"> <tr> <td width="80">12</td> <td width="80">34</td> <td width="80">56</td> <td width="80">78</td> <td width="80">90</td> </tr> <tr> <td width="80">abc</td> <td width="80">def</td> <td width="80">ghj</td> <td width="80">lop</td> <td width="80">dry</td> </tr> <tr> <td width="80">!@#</td> <td width="80">_(*</td> <td width="80">#$%</td> <td width="80">^$#</td> <td width="80">WWW</td> </tr> </table> </center> </div> <SCRIPT> var ids; var idstext; function hightlight_td(){ var text=txt.value; TDs=document.all.table1.all.tags("TD") //使用iframe时: //TDs=iframe的name.document.all.table1.all.tags("TD") if (text!="") { for (var i = 0; i < TDs.length; i++) { obj=TDs[i]; idstext=obj.innerText; idnum=idstext.indexOf(text); if (idnum!=-1) { obj.style.background="red"; } else { obj.style.background="#FFFFFF"; } } } else { alert("没有输入"); } } </SCRIPT> <p align="center"><input type="text" name="txt" value=""><input type="button" value="请输入要查的字符串." onClick="hightlight_td();"></p> </BODY> </body> </html>