为什么 document.GetElementById 返回 null

发布于 2024-08-29 10:20:27 字数 653 浏览 8 评论 0原文

我一直在成功使用 document.GetElementById() ，但从一段时间以来我无法让它再次工作。看下面的代码：

    <html>
    <head>
     <title>no title</title> 
     <script type="text/javascript">
     document.getElementById("ThisWillBeNull").innerHTML = "Why is this null?";
     </script>
    </head>
    <body>
     <div id="ThisWillBeNull"></div>
    </body>
    </html>

我现在一直得到 document.getElementById("parsedOutput") is null 。无论我使用 Firefox 还是 Chrome，或者我启用了哪些扩展，或者我为 HTML 使用什么标头，它总是 null 并且我找不到可能出现的问题。

原文

I've been using document.GetElementById() successfully but from some time on I can't make it work again.
look at the following Code:

    <html>
    <head>
     <title>no title</title> 
     <script type="text/javascript">
     document.getElementById("ThisWillBeNull").innerHTML = "Why is this null?";
     </script>
    </head>
    <body>
     <div id="ThisWillBeNull"></div>
    </body>
    </html>

I am getting document.getElementById("parsedOutput") is null all the time now.
It doesn't matter if I use Firefox or Chrome, or which extensions I have enabled, or what headers I use for the HTML, it's always null and I can't find what could be wrong.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

月下客 2024-09-05 10:20:27

您可以像这样使用 script 标签：

<script defer>
    // your JavaScript code goes here
</script>

加载所有内容后，JavaScript 将应用于所有元素。

You can use the script tag like this:

<script defer>
    // your JavaScript code goes here
</script>

The JavaScript will apply to all elements after everything is loaded.

回复收藏 0 原文

圈圈圆圆圈圈 2024-09-05 10:20:27

试试这个：

 <script type="text/javascript">
  window.onload = function() {
   document.getElementById("ThisWillBeNull").innerHTML = "Why is this null?";
  }
 </script>

Try this:

 <script type="text/javascript">
  window.onload = function() {
   document.getElementById("ThisWillBeNull").innerHTML = "Why is this null?";
  }
 </script>

回复收藏 0 原文

嗫嚅 2024-09-05 10:20:27

如果没有window.onload，您的脚本永远不会被调用。 Javascript 是一种基于事件的语言，因此如果没有像 onload、onclick、onmouseover 这样的显式事件，脚本就不会运行。

<script type="text/javascript">  
  window.onload = function(){  
   document.getElementById("ThisWillBeNull").innerHTML = "Why is this null?";  
  }
</script>

加载事件：

加载事件在文档加载过程结束时触发。至此，文档中的所有对象都已在 DOM 中，所有图像和子框架也已加载完毕。

https://developer.mozilla.org/en/DOM/window.onload

Without window.onload your script is never invoked. Javascript is an event based language so without an explicit event like onload, onclick, onmouseover, the scripts are not run.

<script type="text/javascript">  
  window.onload = function(){  
   document.getElementById("ThisWillBeNull").innerHTML = "Why is this null?";  
  }
</script>

Onload event:

The load event fires at the end of the document loading process. At this point, all of the objects in the document are in the DOM, and all the images and sub-frames have finished loading.

https://developer.mozilla.org/en/DOM/window.onload

回复收藏 0 原文

放低过去 2024-09-05 10:20:27

定时。

当您获取元素时，文档尚未准备好。

在检索元素之前，您必须等待文档准备就绪。

回复收藏 0 原文

稀香 2024-09-05 10:20:27

浏览器一找到该脚本就会立即执行该脚本。此时，文档的其余部分尚未加载 - 还没有任何具有该 id 的元素。如果您在加载文档的该部分之后运行该代码，它将正常工作。

回复收藏 0 原文

满身野味 2024-09-05 10:20:27

<script type="text/javascript">
  window.onload += function() {
   document.getElementById("ThisWillBeNull").innerHTML = "Why is this null?";
  }
 </script>

使用+=为文档的onload事件分配更多的eventHandler。

<script type="text/javascript">
  window.onload += function() {
   document.getElementById("ThisWillBeNull").innerHTML = "Why is this null?";
  }
 </script>

Use += to assign more eventHandlers to onload event of document.

回复收藏 0 原文

~没有更多了~