如何禁用DIV元素和其中的所有内容

一尘不染

如何禁用DIV元素和其中的所有内容

css

我需要使用Javascript禁用DIV及其所有内容。我可以发誓，做一个简单的

<div disabled="true">

曾经为我工作，但由于某种原因，它不再起作用。我不明白为什么。

在IE10中：文本“ Click Me”没有变灰，并且单击处理程序仍然有效。

我实际上需要针对IE10进行此工作。下面是我的代码。

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

阅读 930

2020-05-16

共1个答案

一尘不染

尝试这个！

$("#test *").attr("disabled", "disabled").off('click');

我看不到您在上面使用jquery，但是您将其列为标签。

2020-05-16