JS控制table特定tr的背景颜色 30
<script language="javascript">
function setbgColor(tr){
var tr= document.getElementsByTagName("tr");
for(i=0; i<tr.length ; i++){
if(i=1){
tr[i].style.backgroundColor="red";
}
if(i=i+6){
tr[i].style.backgroundColor="red";
}
}
}
</script>
我写的这个JS哪里错了？完全不知道啊 展开
代码如下：
<script>
//js放到table下，才能检测到tr数组
var trs = document.getElementById("tableBox").getElementsByTagName("tr");
var trs=document.getElementById("tableBox").getElementsByTagName("tr");
$(function(){
for(var i=0;i<trs.length;i++){
trs[i].onmousedown = function(){
mousedownclick(this);
}
}
});
function mousedownclick(obj){
for(var j=0;j<trs.length;j++){
if(trs[j]==obj){
trs[j].style.background='blue';
}else{
trs[j].style.background='';
}
}
}
</script>
扩展资料
js操作table的各种用法：
(1)得到table 中tbody 的内容 ：$('#simple-table').find('tbody').html();
(2)点击td时，获取点击的行号：
$('#simple-table tbody').on( 'click', 'td', function (e) {
normalRowIndex = $(this).parent().index(); //行号
console.log("正常工作表行："+normalRowIndex);
});
(3)为table追加一行：
function addNormalTR(){
$('#simple-table').find('tbody').append(trtd); //tdtd为拼接的trtd 的html内容。
}
(4) 点击td中的元素获取，当前行号： obj.parentNode.parentNode.rowIndex;//obj 为元素对象
function setbgColor(tr){
var tr = document.getElementsByTagName("tr");
for(var i = 1; i < tr.length ; i += 6){ // 从第二行开始遍历，i初始为1，递增6
tr[i].style.backgroundColor = "red";
}
}
// 另外，if判断中，i = 1得到的结果永远是true，应使用i == 1或i === 1
// 即便如此，i == i + 6，也是永远返回false，因为一个数不可能等于这个数再加上6
还有，参数tr好像没有任何用。
你怎么调用的？
已赞过
已踩过<
