教程集 > 脚本编程 > javascript > 正文根据相关内容单元格加亮

根据相关内容单元格加亮

发布时间：2023-04-29 编辑：jiaochengji.com

教程集为您提供根据相关内容单元格加亮等资源，欢迎您收藏本站，我们将为您提供最新的根据相关内容单元格加亮资源

提示：您可以先修改部分代码再运行

<html>  <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>根据相关内容单元格加亮</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>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
jQuery 表格插件整理
 新手来简单学习CSS的display属性
 jQuery学习笔记操作jQuery对象文档处理
 在 PHP 中格式化并高亮 SQL 语句
 html5新增结构：html主体结构和非主体结构的介绍
 photoshop工业级电影调色让相机照片秒变银幕大片效果教程
 快速开发WebUI jQuery MiniUI
对css滑动门技术的一些总结和归纳
 php 数组是链表吗
 Illustrator网格工具绘制漂亮的北极光效果教程

上一篇：站内搜索脚本(一) 下一篇：表格里的斜线，类似课程表的斜线

[关闭]

根据相关内容单元格加亮

最近更新

浏览排行