如何对td/tr/table进行disabled设置

如果你遇到类似的情景，如想对td中的元素进行disabled设置，好让里面的所有元素不能被操作，但是实验后你会发现td实际上并没有该属性，赋值后其实是没有效果的，IE中貌似可以做到对checkbox的控制，但是其他DOM元素就无能为力了

今天刚好我也这么个需求，我这里想了个变通的方法，先说下思路：就是在td里面添加div覆盖层元素，div刚好与td的位置重叠，设置其z-index大于td即可，如td没有z-index的话就可设置div的为10，然后加上个透明度opacity属性，给个0.5即可达到看起来整个td是灰掉的效果，鼠标也不能操作td里面的任何元素，因为鼠标点击的永远都是覆盖层div

下面将代码贴出来：

如果刚好你也是用Jquery插件的话，那最好不过，是用如下代码即可

                
var td = document.getElementById("td");
//选中就添加覆盖层
var width = $(td).width();
var height = $(td).height();
var offset = $(td).offset();
$("<div name=\"div_cover\" style=\"width:" + width + "px;height:" + height + "px;left:" + offset.left + "px;top:" + offset.top + "px;opacity:0.5;position:absolute;index-z:10;background-color:grey;\"></div>").appendTo(td);

以上只是提供一个最简单的针对当个td的处理代码

相信有了这个思路，就能做出更多的类似效果了