js-行事件

最新推荐文章于 2020-09-07 20:14:59 发布

weixin_34184561

最新推荐文章于 2020-09-07 20:14:59 发布

阅读量118

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/rysly/p/js-rowselected.html

版权

没有实现除去表头选中

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <style type="text/css">
        table {
            cursor: pointer;
        }
    </style>
</head>
<body>

    <table id='table1' width="100%" border="2" cellspacing="0" cellpadding="0">
    <thead>
        <tr>
            <th>A</th>
            <th>B</th>
            <th>C</th>
            <th>D</th>
        </tr>

    </thead>
    <tbody>
        <tr>
            <td>11</td>
            <td>22</td>
            <td>33</td>
            <td>44</td>
        </tr>
        <tr>
            <td>11a</td>
            <td>22s</td>
            <td>33d</td>
            <td>44f</td>
        </tr>
        <tr>
            <td>1v1</td>
            <td>2d2</td>
            <td>3vv3</td>
            <td>4ff4</td>
        </tr>
        <tr>
            <td>11ww</td>
            <td>w22</td>
            <td>dff33</td>
            <td>4g4</td>
        </tr>
    </tbody>

    </table>



    <SCRIPT LANGUAGE="JavaScript">
        var trs = document.getElementById('table1').getElementsByTagName('tr');
        window.onload = function(){
            for( var i=0; i<trs.length; i++ ){
                trs[i].onmousedown = function(){
                    tronmousedown(this);
                }
            }
        }
        function tronmousedown(obj){
            for( var o=0; o<trs.length; o++ ){
                if( trs[o] == obj ){
                    trs[o].style.backgroundColor = '#DFEBF2';
                }
                else{
                    trs[o].style.backgroundColor = '';
                }
            }
        }
    </SCRIPT>


</body>
</html>

转载于:https://www.cnblogs.com/rysly/p/js-rowselected.html

weixin_34184561

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js-行事件

没有实现除去表头选中<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8" /> <style type="text/css"> table { c...
复制链接

扫一扫

js-行事件

“相关推荐”对你有帮助么？