根据相关内容单元格加亮

2007-03-08　源自:IT粉丝网　网友评论 0 条　进入视频教程

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>网页<a href='http://www.itfensi.com/exploit/web/' target='_blank' class='infotextkey'>特效</a>|itfensi.com/Js|---根据相关内容单元格加亮</title></head><body><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>  <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="请输入要查的字符串.例如12"    onClick="hightlight_td();"></p> </body></html>

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

上一篇：透明的表格
下一篇：VML制作的圆脚表格

内容评论文章纠错发送朋友收藏本文

复制本文链接(URL)发送给朋友：

根据相关内容单元格加亮

相关内容

开发频道推荐

开发热点文章