选中内容单元格加亮的JS_层和布局特效

选中表格中的任一内容，单元格会高亮显示出来，在作数据报表的时候能用得上，这里只是一个比较简单点的，有用到的可再扩展一下。

<html>
<head>
<meta http-equiv="Content-Type" mrc="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>565</td>  
                        <td>76</td>  
                        <td>235</td>  
                        <td>111</td>  
                </tr>  
        </table>

<SCRIPT>  
var    ids;  
var    idstext;  
function    hightlight_td(){  
var    text=txt.value;  
TDs=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>
</html>

所属频道：层和布局特效/更新时间：2012-12-27

[收藏][报错][返回列表]

选中内容单元格加亮的JS_层和布局特效

层和布局特效Rss订阅特效代码搜索

层和布局特效推荐

猜你也喜欢看这些