como desabilitar o elemento DIV e tudo dentro [duplicado]

Question

Mar 21, 2013, 07:26 PM

como desabilitar o elemento DIV e tudo dentro [duplicado]

Esta questão já tem uma resposta aqui:

Como desabilitar todo o conteúdo div 24 respostas

Eu preciso desativar um DIV e todo o seu conteúdo usando JavaScript. Eu posso jurar que fazer uma simples

<div disabled="true">

estava trabalhando para mim antes, mas por algum motivo não funciona mais. Eu não entendo porque.

No IE10: o texto "Click Me" não está esmaecido e o manipulador de cliques ainda funciona.

Eu realmente preciso disso trabalhando para o IE10. Abaixo está o meu código. Desde já, obrigado.

<html>
    <script>
         function disableTest(){

            document.getElementById("test").disabled = true;
            var nodes = document.getElementById("test").getElementsByTagName('*');
            for(var i = 0; i < nodes.length; i++){
                nodes[i].disabled = true;
            }

         }


     </script>

<body onload="disableTest();">
   <div id="test">
       <div onclick="alert('hello');">
           Click Me
       </div>
   </div>

</body>
</html>