1. ホーム
  2. javascript

[解決済み】document.getElementbyId()がnullを返す件【重複あり

2022-02-18 14:58:43

質問

コード中の //Error in comments と書かれた行で。というJavascriptのエラーが出ます。"Cannot read property style of 'null'" と表示されます。私はそれがオブジェクトを見つけることができないのか見当もつかない。私は考え、すべてを試してみました。助けてください。以下はそのコードです。

<script type="text/javascript">

    $.getJSON('https://graph.facebook.com/647045111?fields=first_name&<%= Session["Token"] %>',

    function (data) {
        $('#userName').html(data.first_name);
    });

    document.getElementById('connectedUnregistered').style.display = 'block'; //Error

</script>

    <div id="userName"></div>

    <div id="disconnected" style="display:block;">

     <div id="heading">Facebook login</div> 

     <a href="Account/FacebookLogin" id="loginButton"><div id="fbConnectButton"><img src="/Content/Images/fbconnect.png"/></div></a>    

    </div>

     <div id="connectedUnregistered" style="display:none">

     <div id="heading">Register Now</div> 



    </div>

解決するには?

javascriptのコードを実行する前に <div id="connectedUnregistered" /> が実際に作成されました。

を閉じていないことにも注意してください。 <div> に対応する </div>.

そこで、javascriptのコードをHTMLの下の部分に移動してください。または、ページの読み込みが完了してから実行します。JQueryを使用している場合は、このようにします。

<script>

    $(document).ready(function() {

        ... your code ...

    });
</script>