对表格操作的一个javascript例子

<script language="javascript">
    var lastRow = new Array();
   
    function highlightIt(el)
    {
        var index = null;
        if (el.tagName != "TD")
        {
            while (el != null)
            {
                if ((el.className == "m_Body" || el.className == "q_Body" || el.className == "ytd_Body") && el.tagName == "TD")
                {
                    break;
                }
                el = el.parentElement;
            }
        }

        if (el != null)
        {
            index = el.parentElement.rowIndex;
        }
        else
        {
            return;
        }
       
        if (index != null)
        {        
            var allTbls = getElementByClassName(document.getElementsByTagName("TABLE"),"contentGrid");

            for (var i=0;i<allTbls.length;i++)
            {
                var targetRow = allTbls[i].rows[index];
               
                if (targetRow != null)
                {
                    if (lastRow[i] != null)
                    {
                        if (lastRow[i] != targetRow)
                            unhighlightRow(lastRow[i]);
                        else
                            highlightRow(targetRow);
                    }
                    else
                            highlightRow(targetRow);
                    lastRow[i] = targetRow;
                }
            }
        }
    }
   
    function highlightRow(objRow)
    {
        objRow.runtimeStyle.backgroundColor = "#EBF3FB";
    }
   
    function unhighlightRow(objRow)
    {
        objRow.runtimeStyle.backgroundColor = "";
    }
   
    function unhighlightAllRow()
    {
        if (lastRow.length != 0)
        {
            for(var i=0;i<lastRow.length;i++)
            {
                unhighlightRow(lastRow[i]);
            }
        }
    }
   
    function getElementByClassName(rootobj, classname)
    {
        var arrElements = new Array();
        var intCounter = 0;
        var intChildrenNum = rootobj.length;
        for (var i=0; i<intChildrenNum; i++)
        {
            if (rootobj[i].className == classname)
                arrElements[intCounter++] = rootobj[i];
        }
        return arrElements;
    }
   
    function $(id)
    {
        return document.getElementById(id);
    }
</script> 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值