cómo deshabilitar el elemento DIV y todo lo que está dentro [duplicado]

Esta pregunta ya tiene una respuesta aquí:

Cómo deshabilitar todo el contenido div 24 respuestas

Necesito deshabilitar un DIV y todo su contenido usando Javascript. Puedo jurar que haciendo un simple

<div disabled="true"> 

Antes trabajaba para mí, pero por alguna razón ya no funciona. No entiendo porque

En IE10: el texto "Haga clic en mí" no está atenuado y el controlador de clic aún funciona.

Realmente necesito este trabajo para IE10. A continuación se muestra mi código. Gracias por adelantado.

<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>

Respuestas a la pregunta(6)

Su respuesta a la pregunta