2

重複の可能性:
jQuery または `getElementByID` などの DOM メソッドが要素を見つけられないのはなぜですか?

ばかげた質問で申し訳ありませんが、私が望むものは得られません。次のコードを使用して、テーブルの可視性を変更しています。 

<script type="text/javascript"> 
   document.getElementById('<%= tblEnablePreferredZerker.ClientID %>').style.display = "none";
</script>
<table class="style1" id="tblEnablePreferredZerker" >
   <tr></tr>
</table>

間違いはありませんか？またはこれを行う他の方法はありますか？それとも、jQuery で簡単に実現できますか? ありがとう、

4

3 に答える 3

4

サーバーにアクセスできない ClientID でテーブルのこの ID にアクセスしようとしています。テーブル タグに runat="server" を追加する必要があります。

<table class="style1" id="tblEnablePreferredZerker" runat="server">
   <tr></tr>
</table>

あなたはtrying to access the element that is not yet available. アクセスしようとしているテーブルの直後またはテーブルの前にスクリプトをclosing body tag配置して、使用前にすべての html 要素を用意します。document.readyHTML 要素の前に配置する場合は、jquery イベントを使用することもできます。

アクセスしたい要素の下にスクリプトを配置します。

<table class="style1" id="tblEnablePreferredZerker" >
   <tr></tr>
</table>

<script type="text/javascript"> 
   document.getElementById('<%= tblEnablePreferredZerker.ClientID %>').style.display = "none";
</script>

body タグを閉じる直前に script を置く

<!-- your thml -->

<script type="text/javascript"> 
   document.getElementById('<%= tblEnablePreferredZerker.ClientID %>').style.display = "none";
</script>
</body>

jQuery の使用document.ready

<script type="text/javascript"> 
  $(document).ready(function() {
      document.getElementById('<%= tblEnablePreferredZerker.ClientID %>').style.display =  "none";
   });       
</script>
于 2012-12-25T07:58:02.833 に答える
1

$(document).ready()スクリプトの実行時に要素が存在しないため、スクリプトを囲みます。& 必ず jQuery を含めてください。

<script type="text/javascript"> 
   $(document).ready(function() {
    $('#<%= tblEnablePreferredZerker.ClientID %>').hide();
   });
</script>
<table class="style1" id="tblEnablePreferredZerker" >
   <tr></tr>
</table>
于 2012-12-25T07:58:39.590 に答える
0

jQuery にタグを付けたので、それを使用することもできます。

$(document).ready()次のように使用できます。

/* load jQuery first! */
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript"> 
    $(document).ready(function() {
        document.getElementById('<%= tblEnablePreferredZerker.ClientID %>').style.display = "none";
    });
</script>

これは、このドキュメント内のすべての要素が読み込まれたときにのみ発生します。

于 2012-12-25T08:01:19.520 に答える