Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/ant/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在动态填充的表中单击列时更改背景色_Javascript_Html - Fatal编程技术网

Javascript 在动态填充的表中单击列时更改背景色

Javascript 在动态填充的表中单击列时更改背景色,javascript,html,Javascript,Html,我正在动态创建HTML表,如下所示: for(var i=0; i<rowsToAdd ; i++){ tr = table.insertRow(-1); var colsToAddLength = findColsToAddLength(); for(var j=0; j<colsToAddLength; j++){ var tabCell = tr.insertCell(-1); var colToAdd = findColTo

我正在动态创建HTML表,如下所示:

for(var i=0; i<rowsToAdd ; i++){
    tr = table.insertRow(-1);
    var colsToAddLength = findColsToAddLength();
    for(var j=0; j<colsToAddLength; j++){
       var tabCell = tr.insertCell(-1);
       var colToAdd = findColToAdd();
       tabCell.innerHTML = colToAdd;
    }
}

for(var i=0;i您可以这样使用它:

函数替换(id){
if(document.getElementsByTagName){
var table=document.getElementById(id);
var rows=table.getElementsByTagName(“tr”);
对于(i=0;i

0-一些txt
1-一些txt
2-一些txt
3-一些txt
4-一些txt

由于我喜欢避免使用JS,只要使用CSS做同样的事情不会有太多麻烦,我建议使用下面的技巧,但我无法完全复制您的案例,因为您提供的细节太少。颜色可以通过其他CSS类进行控制

表格{
边界塌陷:塌陷;
}
运输署{
位置:相对位置;
边框:1px实心#000000;
填充:0;
}
.pseudo复选框{
位置:绝对位置;
排名:0;
左:0;
身高:100%;
宽度:100%;
不透明度:0;
}
.细胞含量{
填充:10px;
}
.pseudo复选框:选中+单元格内容{
背景:红色;
}

123
123
123

您是否尝试为代码附加单击处理程序?您尝试了什么?