blocks|key|294227|text|在实际创建<div+id="connectedUnregistered"+/>之前，您正在执行javascript代码。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|294228|还要注意，您没有使用相应的</div>关闭<div>。|294229|因此，将javascript代码移到HTML下面部分。或者在页面加载完成后执行它。如果您使用的是JQuery，则可以执行以下操作：|294230|<script>

++++$(document).ready(function()+{

++++++++...+your+code+...

++++});
</script>|code-block|syntax|javascript|294231|entityMap^0|5|Y|0|D|6|L|5|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@$9|U|A|V|B|C]|$9|W|A|X|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|Y|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|Z|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|P|$]]

<p>You are executing your javascript code BEFORE the <code>&lt;div id="connectedUnregistered" /&gt;</code> was actually created.</p>

<p>Also note that you did not close your <code>&lt;div&gt;</code> with a corresponding <code>&lt;/div&gt;</code>.</p>

<p>So move your javascript code to a part below your HTML. Or execute it after the page finished loading. If you are using JQuery you can do:</p>

<pre><code>&lt;script&gt;

    $(document).ready(function() {

        ... your code ...

    });
&lt;/script&gt;
</code></pre>


blocks|key|294169|text|将脚本放在HTML文档的末尾，而不是开头，看看这是否能解决问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|294170|JavaScript无法编辑DOM元素，因为它尚未创建。|294171|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>Put your script at the end of the HTML document instead of the beginning, and see if that solves things. </p>

<p>JavaScript can't edit the DOM element because it hasn't been created yet.</p>


blocks|key|3738040|text|也许可以尝试将这段代码放在一个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3738041|$(document).ready(function(){

//Code

});|code-block|syntax|javascript|3738042|区块|3738043|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Perhaps try placing this code in a </p>

<pre><code>$(document).ready(function(){

//Code

});
</code></pre>

<p>block</p>


blocks|key|3738142|text|在我的例子中，这是因为在jsp/html(随便什么)文件的开头有下面这一行：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3738143|<meta+http-equiv="X-UA-Compatible"+content="IE=edge,chrome=1">|code-block|syntax|javascript|3738144|删除它解决了我的问题(我不记得它一开始在我的页面上做了什么)|3738145|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>in my case it was because of having this line at the beginning of the jsp/html(whatever) file:</p>

<pre><code>&lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
</code></pre>

<p>removing it solved the problem for me(I do not remember what it was doing on my page at first place)</p>


blocks|key|2124525|text|此外，如果在代码的某些部分使用document.write，则很容易得到null。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2124526|entityMap^0|F|E|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>Also, if in some part of the code you are using <code>document.write</code> it's very common to get null.</p>


blocks|key|294178|text|脚本正在尝试在加载元素之前获取元素。将脚本放在元素之后，或将其放在load或ready事件中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|294179|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>The script is trying to get the element before the element is loaded. Place the script after the element or put it in a load or ready event.</p>


blocks|key|293424|text|代码在创建元素之前执行。由于您使用的是jquery，因此只需将其包装在document.ready中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|293425|$(function(){
++++//+code+goes+here
});|code-block|syntax|javascript|293426|这将在创建DOM之后执行。|293427|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>The code executes prior to the element being created.   Since you are using jquery, simply wrap it in document.ready:</p>

<pre><code>$(function(){
    // code goes here
});
</code></pre>

<p>This will execute after the DOM is created.</p>


blocks|key|2124439|text|javascript代码在DOM完全可用之前运行，调用失败。请尝试以下方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2124440|$(document).ready(function()+{
++document.getElementById('connectedUnregistered').style.display+=+'block';+//Error
}|code-block|syntax|javascript|2124441|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>The javascript code is running before the DOM is fully available and the call fails.  Try the following instead</p>

<pre><code>$(document).ready(function() {
  document.getElementById('connectedUnregistered').style.display = 'block'; //Error
}
</code></pre>


blocks|key|4023260|text|此错误还可能指示元素没有ID。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4023261|<input+type="text"+name="myelem"+/>|code-block|syntax|javascript|4023262|确保你的元素有一个ID。|4023263|<input+type="text"+name="myelem"+id="myelem"+/>|4023264|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>This error could also indicate that the element doesn't have an ID. </p>

<pre><code>&lt;input type="text" name="myelem" /&gt;
</code></pre>

<p>Make sure your element has an ID.</p>

<pre><code>&lt;input type="text" name="myelem" id="myelem" /&gt;
</code></pre>


<p>In the code at the line marked as //Error in comments. I get Javascript error saying: "Cannot read property style of 'null'". I have no idea what it is not able to find the object. I have thought and tried everything. Please help. Here is the code:</p>

<pre><code>&lt;script type="text/javascript"&gt;

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

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

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

&lt;/script&gt;

    &lt;div id="userName"&gt;&lt;/div&gt;

    &lt;div id="disconnected" style="display:block;"&gt;

     &lt;div id="heading"&gt;Facebook login&lt;/div&gt; 

     &lt;a href="Account/FacebookLogin" id="loginButton"&gt;&lt;div id="fbConnectButton"&gt;&lt;img src="/Content/Images/fbconnect.png"/&gt;&lt;/div&gt;&lt;/a&gt;    

    &lt;/div&gt;

     &lt;div id="connectedUnregistered" style="display:none"&gt;

     &lt;div id="heading"&gt;Register Now&lt;/div&gt; 



    &lt;/div&gt;
</code></pre>


document.getElementbyId() returning null

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

在代码中注释中标记为//Error的行。我收到Javascript错误，说：“无法读取‘null’的属性样式”。我不知道什么是它找不到的物体。我已经想过并尝试过所有的方法。请帮帮忙。代码如下：<script type="text/javascript">    $.getJSON('https://graph.facebook.com/647045111?fields=first_name&<%=

问document.getElementbyId()返回null
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问document.getElementbyId()返回nullEN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问document.getElementbyId()返回null
EN