js的document.getElementById()不起作用的原因，显示null

最新推荐文章于 2023-10-18 20:07:16 发布
最新推荐文章于 2023-10-18 20:07:16 发布
阅读量5.9k 收藏 3
点赞数 5
文章标签： JavaScript getElementById 元素加载 DOM操作 前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_59129994/article/details/127421713
版权

一些废话：今天在做js相关的作业的时候发现document.getElementById()总是获取不到，然后，emmm，心态有点崩，好在解决了

我出错的时候在js文件中使用的测试代码：

var temp = document.getElementById("times_year")
alert(temp)

显示结果如下：

 

 然后，我发现这里的document.getElementById()根本没有获取到对象！就把下面这行代码移到了<body> 的最后一行

 就成功啦~

 做个小结：document.getElementById()一定要在这个元素已经创建了以后再进行获取，否则，就会获取不到

zero_8233
关注
  • 5
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
html中ID取val值,document.getElementById获取不到值的原因及解决办法
weixin_36058835的博客
06-18 3282
document.getElementById获取不到值的原因及解决办法在html中如下一段源代码：document.getElementById("getText").value="你好";helloDW(Dreamweaver)测试无任何错误提示，但标签中的内容没有改变在EditPlus中测试直接出现如下图所示的错误点击是只有一个hello 出现的结果在DW中一样，只是这里报错说明问题出现在g...
TypeError document.getElementById(…) is null错误原因
12-09
当你尝试使用 `document.getElementById` 方法获取一个HTML元素时，如果该元素在当前文档中不存在，JavaScript 将抛出 `TypeError: document.getElementById(...) is null` 的错误。这个错误意味着你试图访问的ID...
document.getElementById获取控件对象为空的解决方法
12-04
1.下面是一个简单的例子，页面加载时显示一段信息 代码如下:<%@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8″%><!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”><html>  <head>      [removed]          alert(“hello!!!”);      [removed]  </head>  <body onLoad=”showMessage()”>     
chrome插件的js中使用document.getElementById(‘save‘)获取不到元素
12-19 2727
使用Store0请输入消费金额:存储
document.getElementById获取不到值的几种原因分析
热门推荐
java journey
09-23 5万+
前几天修改那个分页类，想加入跳转到指定页的功能，就是用户直接输入页码，点击按钮就可以跳到指定的页码！     一看这个需求，就可以想到利用GET传值的方式，但常规GET方式需要把链接写入标签的a href里面，而我们实际上是希望用按钮来进行点击，而不是一个简单的超链接形式。于是
document.getElementById()获取一直为null
慕白Lee的博客
10-20 1万+
document.getElementById()获取一直为null的最常见的一个原因是js文件在head标签里。直接使用$("#duang")同样可以获得对象进行一系列操作, 但是同样需要注意ID的正确性。产生的加载顺序问题，导致get不到节点的信息.
document.getElementById为空或不是对象的解决方法
weixin_30492047的博客
11-02 479
1. 'null'为空或不是对象: <script type="text/javascript"> 里面加个defer=true属性试试看， 即:<script type="text/javascript" defer=true> 2. document.getElementById为null 原因: var titab=document.getElementBy...
TypeError document.getElementById(...) is null错误原因
09-03
`TypeError: document.getElementById(...) is null` 是一个常见的JavaScript错误，通常出现在尝试访问一个尚未加载或者不存在于DOM（文档对象模型）中的元素时。这个错误表示`document.getElementById`方法未能找到...
js中document.getElementByid、document.all和document.layers区分介绍
10-28
在这个话题中，我们将深入探讨三个在JavaScript历史中起到重要作用的属性：`getElementById`，`document.all`，以及`document.layers`。 首先，`getElementById`是W3C定义的DOM Level 1标准方法，它根据指定的ID值...
document.getElementBy系列方法获取不到对象
weixin_44848356的博客
02-13 3277
getElementById取不到对象 在浏览器进行文档解析时是有顺序的，当页面加载完毕之前，或者说在相应的DOM对象加载完毕之前，对应的对象是不能获取到的。 看下面代码： <script> var temp = document.getElementById("div"); alert(temp); </script> <body> <d...
js中的document.getElementById()失效的原因分析（大坑）
风刘人物的博客
08-07 1万+
1.id写错，id要完全一样，大小写有差别都不行。 2.最坑的一点，就是这个函数需要放在你这个id位置的后面，如果你把script标签放在head部分的话就可能会出现问题，因为document.getElementById()的使用需要把函数放在id的后面。所以，如果我们想避免这个问题，我们把js的引入放在body的最后面。...
document.getElementsByClassName(‘...‘)获取不到元素
m0_52542347的博客
10-18 1314
看了很多资料是由于vue没有加载出来，导致为空,但我的已经打印出来了只要使用遍历或索引就是空
vue v-else中使用document.getElementById获取不到值的问题
Spy003的博客
08-20 3255
然后我尝试，把含有id组件写在v-if中，这时可以获取到组件了，但是当v-else的组件显示出来以后，发现同一个位置，v-else页面控件对应的位置也能获取到这个id，于是我发现，：我把含有id的标签写在了v-else中，结果，通过document.getElementById获取不到组件，这个问题困扰了我两天，我经过反复排查，终于定位到了问题出现在v-if / v-else 判断属性中，vue v-else中使用document.getElementById获取不到值的问题。
document.getElementById获取不到标签
Rockandrollman的博客
11-12 1683
如果你是把 document.getElementById写在了内，可能会由于页面没有完全加载所以获取不到指定标签。 把 document.getElementById…写在body标签后面就可以了。 <body> </body>//写到body下面 <script type="text/javascript"> document.getElementById("qx").style.display = "none"; </script> ..
document.getElementById(I).style.display=““不起作用
w710537643的博客
01-05 5071
console.log("INTP") var tag = document.getElementById("INTP"); console.log(tag) tag.style.display = ""; console.log(tag.style.display) console.log("INTP") var tag = document.getElementById("INTP"); console.log(tag) tag.style.d
document.getElementById获取不到对应值，返回NUll
gigijingjing的博客
06-20 8417
问题：当把js文件引入位置放到head标签内，document.getElementById获取不到对应值，返回NUll； 原因：html代码执行顺序问题获取不到元素值； 解决办法： 第一种：加上defer属性。<script type="text/javascript" src="form.js" defer="defer"></script> 第二种：把...
在JavaScript中使用document.getElementById()获取对象失败的原因
回忆
04-21 2万+
在JavaScript中使用以下方法 document.getElementById()getElementsByName()getElementsByTagName() 等等类似方法获取元素对象的时候，一定要切记： 一定一定要在你所要获取的元素对象加载以后才调用以上方法。否则根本获取不到该对象。 我在学习的时候就遇到了相似情况，纠结了好多时间：代码如下 计时器
JS中getElementById()获取的值为null
江冷易水寒
06-19 9345
今天想写一个验证码发送功能，但发现alert弹出的值是null，不知道怎么回事，百度了两圈后发现问题了，之前没接触过JS，以为和JAVA一样，所以有点云里雾里。 <html> <head> <title></title> <script type="text/javascript"> //按钮对象， document.getEle...
document.getElementById()为null
最新发布
12-21
当使用`document.getElementById()`方法获取元素时，如果返回的结果为`null`，通常有以下几个可能的原因： 1. 元素ID拼写错误：请确保你传递给`document.getElementById()`方法的参数是正确的，即元素的ID没有拼写错误。检查一下你的代码中是否存在拼写错误。 2. 页面中不存在该ID的元素：如果页面中没有与你传递给`document.getElementById()`方法的参数相匹配的ID的元素，那么该方法将返回`null`。请确保页面中存在该ID的元素。 3. JavaScript文件位置错误：如果你的JavaScript文件在`<head>`标签中引入，而`document.getElementById()`方法的调用位于`<body>`标签之前，那么该方法可能会返回`null`。这是因为在`<head>`标签中引入的JavaScript文件在页面加载时会先执行，此时`<body>`标签中的元素还没有被解析和创建。为了避免这个问题，你可以将JavaScript文件的引入放在`<body>`标签的底部，或者使用`window.onload`事件来确保页面完全加载后再执行相关的JavaScript代码。 下面是一个示例代码，演示了当`document.getElementById()`返回`null`时的处理方法： ```javascript var element = document.getElementById("myElement"); if (element === null) { console.log("Element not found."); } else { // 执行相关操作 } ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值