document.getElementById（...）はnullです

-2

私はこの件に関して非常に多くの質問に気付きましたが、それらはすべて<div>の文が準備中ではないことを指しています。私のものです。 document.getElementById（）関数は、ボタンがクリックされるまで呼び出されません。私には3つのdocument.getElementById（）呼び出しがあり、それが問題の中間点です。document.getElementById（...）はnullです

マイページ....私はのdocument.getElementById試着{}キャッチ（）{}のカップルを使用

 send = "username=" + user + "&password=" + pwd; 
     if(btn === 'Add') 
     { 
      if(RunPHPFile('AdminUserAdd', send) === '1') 
       if(RunPHPFile('UserLogin', send) === '1') 
       { 
        // Show who's logged in 
        document.getElementById("LoggedInUser").innerHTML = 'Logged in as: <B>'+user+'</B>'; 

        // show home and logout links 
        HLinks = "<A onclick='javascript:LoadPage(\"Admin\");' href='javascript:void(0);'>Home</A> | <A onclick='javascript:LoadPage(\"LogOut\");' href='javascript:void(0);'>Log out</A>"; 
        document.getElementById('AdminLinks').innerHTML = HLinks; 
        document.getElementById('FooterLinks').innerHTML = HLinks; 
        LoadPage('Admin'); 
       } 
       else 
        document.getElementById('error').innerHTML = 'Error logging in new user.'; 
      else 
       document.getElementById('error').innerHTML = 'Error adding new user.'; 
     }

<?php 
    (reference to session etc here) 
    $user = (array_key_exists('LoggedInUser', $_SESSION)) ? $_SESSION['LoggedInUser'] : ''; 
    $HeaderLinks = "<A onclick='javascript:LoadPage(\"Admin\");' href='javascript:void(0);'>Home</A> | <A onclick='javascript:LoadPage(\"LogOut\");' href='javascript:void(0);'>Log out</A>"; // home and logout links 

    $LoggedInUser = ($user == '') ? '&nbsp;': "Logged in as: <B>$user</B>"; 
    $HeaderLinks = ($user == '') ? '&nbsp;': $HeaderLinks; 
    ?> 
     <BODY> 
      <div class='main_disply_space center'> <!-- MAIN DISPLAY SPACE --> 
    <!-- HEADER SECTION START --> 
       <div class='page_header'> <!-- HEADER --> 
        <div class='title container'> 
         blah blah 
         <div class='subtitle contained'> 
          blah blah 
         </div> 
        </div> 
       </div> <!-- HEADER end --> 
       <div class='userandlinks'> <!-- USER and LINKS --> 
       <div class='user container' id='LoggedInUser'> 
         <?php echo $LoggedInUser; ?> 
         <div class='links contained' id='AdminLinks'> 
          <?php echo $HeaderLinks; ?> 
         </div> 
        </div> 
       </div> <!-- USER and LINKS end --> 
    <!-- HEADER SECTION END --> 
    <!-- BODY SECTION START --> 
       <div class=body id='ActivePage'> <!-- DISPLAY AREA --> 
       &nbsp; 
       </div> <!-- DISPLAY AREA end --> 
    <!-- BODY SECTION END --> 
    <!-- FOOTER SECTION START --> 
       <div class='footerlinks' id='FooterLinks'> <!-- LINKS --> 
        <?php echo $HeaderLinks; ?> 
       </div> <!-- LINKS end --> 
       <div class='copyright'> <!-- COPYRIGHT --> 
        more blah blah 
       </div> <!-- COPYRIGHT end --> 
    <!-- FOOTER SECTION END --> 
      </div> <!-- MAIN DISPLAY SPACE end --> 
     </BODY>

javascriptの...（）■それがなぜ機能していないのかを調べる。

困ってます。 javascriptでは、3つのdocument.getElementById（）が次々に 'LoggedInUser'、 'AdminLinks' & 'FooterLinks'の順に表示されます。 HTMLでは、対応するid = ''を見ることができます。私の問題は、 'LoggedInUser'と 'FooterLinks'はどちらも正常に動作しますが、 'AdminLinks'が 'is null'エラーを発生させることです。私はコーディングを何度も繰り返してきたので、問題の内容を見ることはできません。

出典

2016-05-25 Simon Acock

#LoggedInUserの内容を置き換えています。 #LoggedInUser divには何がありますか？そうです - #AdminLinks。だからdocument.getElementById('AdminLinks')はnullを返すため、そのIDを持つページには要素がありません。

出典

2016-05-25 16:08:44 Adam

私の愚かな間違いを指摘してくれてありがとう。私はshoudは別のdivステートメントを追加しました。乾杯 –

document.getElementById（...）はnullです

答えて

関連する問題