求教js获取动态表格ID的问题

u010770546 2013-12-16 06:57:31

有一个获取数据库的表,如何能够获取到行的ID 就是rs("ID")
用document.getElementById只能获取到最后一个ID
已有一个隔行变色+点击变色的脚本,希望在此基础上加一个rs("money")=0 的参数

//页面加载完成后执行

window.onload = function () {

    //取表格对象

    var table = document.getElementById('senfe');

 //设置表格行交替颜色

    for (var i = 1; i < table.rows.length; i++) {

        table.rows[i].className = 's' + (i % 2);

    }

    //给表格注册鼠标单击事件

    table.onclick = function (evt) {

        //取点击的对象

        var obj = evt ? evt.target : event.srcElement;

        //点击了单元格

        if (obj.tagName == 'TD') {

            selectRow(obj.parentNode);

        }

        //点击了复选框

        else if (obj.tagName == 'INPUT') {

            if (obj.id == 'chkAll') {    //点击了全选框

				         for (var i = 1; i < table.rows.length; i++) {

					

                    selectRow(table.rows[i], obj.checked);

					

                }

            }

            else {    //点击了其他复选框

                selectRow(obj.parentNode.parentNode);

            }

        }

    };



};

CSS

.pay table {margin: 0 auto; border: 1px solid #eee; border-collapse: collapse;}

.pay td, th { text-align: center;	FONT-FAMILY: "宋体", "Verdana";	font-size: 13px;color: #000;line-height: 145%;}

.pay th {background-color: #3399ff; font-size: 14px;}    /* 表头行背景色 */

.pay tr.s0 {background-color: #eee;}    /* 交替颜色1 */

.pay tr.s1 {background-color: #fff;}    /* 交替颜色2 */

.pay tr:hover td {background-color: #FFFFB9;} /* 鼠标经过的颜色 */

.pay tr.selected td {background-color: #6ce86c;}    /* 选中行背景色 */

...全文

308 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

u010770546 2013-12-17

打赏
举报

我未入门级菜鸟,能不能写全一点,谢谢是不是先要获取行数,然后每一行判断? window.onload = function () { //取表格对象 var table = document.getElementById('senfe'); //设置表格行交替颜色 for (var i = 1; i < table.rows.length; i++) { table.rows[i].className = 's' + (i % 2); if (table.rows[i].getElementsByTagName('td')[4].innerHTML > 0) table.rows[i].classname = s2; } 大概就是这个意思,第4列大于0的时候设置此行classname=s2

u010770546 2013-12-16

打赏
举报

</tr> <td height=30 align=center>151</td> <td align=center>2013/12/16</td> <td align=center>小王</td> <td align=center>111</font> <td align=center>0</td> <td align=center>0.240</td> <td align=center>0.00</td> <td align=center>333</td> <td align=center>444</td> <td align=center>555</td> <td align=center></td> <td align=center>admin</td> </tr> 这是一行数据,怎么弄?

u010770546 2013-12-16

打赏
举报

引用 1 楼 zzgzzg00 的回复:

var table = document.getElementById('senfe'); var arr=[]; var tds=table.getElementsByTagName('*'); for(var i=0;i<tds.length;i++){ if(tds[i].getAttribute('id')=='ID'){ arr.push(tds[i]); } } 试试

没有id这个标签啊.生成的类似EXCEL的表格,里面只有数据

似梦飞花 2013-12-16

打赏
举报

var table = document.getElementById('senfe'); var arr=[]; var tds=table.getElementsByTagName('*'); for(var i=0;i<tds.length;i++){ if(tds[i].getAttribute('id')=='ID'){ arr.push(tds[i]); } } 试试

似梦飞花 2013-12-16