1. ホーム
  2. javascript

[解決済み] DIV要素とその中のすべてを無効にする方法 [重複]。

2022-04-21 05:11:12

質問

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>

解決方法は?

これを試してみてください

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

上ではjqueryを使っていないようですが、タグとして記載されていますね。