在FireFox下，如何使div或者td显示为不可用，其对于的内容也为灰色

我有这样的页面 <td onclick="myBoard(0);" id="tdCN_Resume" disabled><div id="dvCN_Resume">中文简历</div></td>
在IE显示的话，此td里面的内容为灰色，并且点击也是无效的，正是我要的结果；
但在FireFox浏览器中，disabled属性是无效的，我无法达到我的目的，请各位指点指点，如何通过js可以操作 td 或者 div 的某个属性，使其能变为不可用状态。在线等 ，谢谢！！！

17 个解决方案

#1

不设置contentEditable的话,td,div元素本来就是不可修改元素,你加disabled有什么意义吗?

#2

你写得不规范,要加上值
disabled="disabled"

#3

引用 1 楼 zjsfdxbao 的回复:

不设置contentEditable的话,td,div元素本来就是不可修改元素,你加disabled有什么意义吗?

在IE下，加disabled 就是 达到了不可用的目的。

#4

firefox下的td的disabled样式不改变原来样式。你只要改变颜色即可。
<td id="td" onclick="myBoard(0);" id="tdCN_Resume" disabled style="color:#ACA899"> <div id="dvCN_Resume">中文简历 </div> 

#5

引用 2 楼 Free_Wind22 的回复:

你写得不规范,要加上值
disabled="disabled"

你说的： disabled="disabled" ，这个在FireFox一样的不支持。

#6

引用 4 楼 caiwujia 的回复:

firefox下的td的disabled样式不改变原来样式。你只要改变颜色即可。
<td id="td" onclick="myBoard(0);" id="tdCN_Resume" disabled style="color:#ACA899">  <div id="dvCN_Resume">中文简历  </div>

FireFox不识别“disabled”，所以 onclick事件一样会执行！ 

#7

<table border=1>
<tr>
<td id="tdCN_Resume" disabled onclick="return false;alert(1);myBoard(0);"> <div id="dvCN_Resume">中文简历 </div> </td> 
</tr>
</table>

#8

引用 7 楼 toury 的回复:

<table border=1>
<tr>
<td id="tdCN_Resume" disabled onclick="return false;alert(1);myBoard(0);">  <div id="dvCN_Resume">中文简历  </div>  </td>
</tr>
</table>

大家可能还没明白我的意思： disabled  在IE下是可用的，在FireFox下 ，disabled 属性无法识别。我想找到一个能启到同样功能的属性或方法达到“disabled ”效果

#9

IE下也没有这样的效果，不明白你的意思

#10

td和div本身是没有disabled属性的，a也没有，所以ie下仅仅是让文字变灰而已

所以你可以这样做，让它看起来支持这个属性：

1.样式：
*[disabled]  /*让所有带disabled属性的节点文字都变灰色，这条css2规则firefox支持*/
{
   color:gray;
}

2.html结构：
用
<td disabled='disabled'>
别用
<td disabled>

3.脚本，用浏览器遍历所有的节点,找到带有disabled属性的节点，将onclick=null

var tds = document.getElementsByTagName('*');
for(var i = 0 , c = tds.length ,temp = null  ; i<c ; i++)
{
   temp = tds[i];
   if(temp.getAttribute('disabled') == 'disabled')
   {
      temp.onclick = null;
   }
}

如果要求不高的话，这样就基本满足需求了。

#11

用js设置标签属性

#12

楼主可以这样写  在触发了时间后给他的  className 一个特定值 比如叫  disable 然后 这个class 的样式颜色是灰色

当每次触发这个时间 onclick 时 我们判断下这个控件的 className 是不是== disable 如果是的话就
return false;

虽然disable 不能用但是我们可以用代码实现啊

#13

没懂。

#14

没懂。

#15

但是变灰也是可以支持事件的，我想楼主是要求完全的disable

#16

可以搞一个有颜色的层，设置半透明，盖在那些层的上面，这样鼠标就点不到了，看起来颜色也灰了~

#17

那么哪些元素是 有disabled属性的呢