js通过getElementById或getElementsByClassName（）【】等方式获取元素为null或undefined

最新推荐文章于 2023-03-07 23:10:18 发布
最新推荐文章于 2023-03-07 23:10:18 发布
阅读量8k 收藏 2
点赞数 4
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_34197758/article/details/69681107
版权

   用getElementById取到的值居然是null，而getElementsByClassName获取到对象，但是用数组方式访问时却不识别，百思不得其解，后来琢磨着是不是这个页面是删除掉了，达到某个条件才加载出来的，导致了页面未渲染出来，js已经先执行了才导致了这个后果，然后用了setTimeout延迟了几秒后加载js，果然就可以了

ps:

现在了解到html文档渲染页面是从上到下，如果js放在前面，但是body页面里的元素还没渲染，所以获取不到。而js放在body的下面，等待body里页面渲染完后，即可以获取到你想到的元素，又能减少js阻塞进程~

小小笔记
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
[removed]我在没有任何库或框架的情况下构建了JS应用
05-27
4. **DOM操作**：通过`document`对象获取元素（getElementById、getElementsByClassName、querySelector、querySelectorAll等）、创建新元素、修改元素属性、添加和删除子元素、事件监听与触发。 5. **事件处理**：...
Vue中的document.getElementsByClassName或者HTMLContention中的内容无法读取
Fabbom的博客
05-25 6103
转载文章：Vue 无法读取HTMLCollection列表的length解决.
vue页面中使用getElementsByClassName无法获取元素问题
左直拳的马桶_日用桶
01-05 5905
在vue页面中，使用getElementsByClassName获取dom，发觉总是获取不到，返回的数组，空空如也，长度为0。需要使用nextTick
JavaScript报错（一）：获取class报错undefined
Jiunn-Nan的博客
01-22 4426
var checkClass = document.getElementsByClassName('active'); alert(checkClass.textContent); 这原本很简单的一个获取class的方法，但是它就是要报一个undefined的错误。可我明明就有这个class，为什么会报这个错误 ？ 因为啊！document.getElementsByC...
document.getElementsByClassName(“iframe-top“) 获取为undefined或为空数组 ，拿不到想要的元素
m0_63108819的博客
04-14 3134
1.如图所示： 2.HTML 举例代码： <div v-for="(item, index) in categoryList" :key="index" > <div class="iframe-top"> {{ item }} </div> </div> 当你在不同生命周期里打印 console.log("iframe-top", document.getElementsByClassName("if.
Element UI级联选择器报错"TypeError: Cannot read property 'getElementsByClassName' of undefined"
肖肖肖丽珠的博客
09-03 1万+
点击的时候第一层出现了但是点击指南或者资源的时候，他就报错Cannot read property 'getElementsByClassName' of undefined &lt;el-cascader                       :options="options2"                       @change="handleItemChange"   ...
Ling-lib：早期已填坑或坑掉的项目合集
02-15
其基础语法包括变量声明（var, let, const），数据类型（Number, String, Boolean, Object, Array, null, undefined等），操作符（算术、比较、逻辑、三元），流程控制（if-else, switch, for, while），函数（声明...
前端：js等
02-10
2. 获取元素：getElementById、getElementsByClassName、getElementsByTagName、querySelector和querySelectorAll等方法。 3. 创建和删除元素：createElement、appendChild、removeChild、insertBefore等。 4. ...
JavaScript：任何JavaScript课程，书籍等的作品都将存储在此处
02-16
如getElementById、getElementsByClassName、querySelector、querySelectorAll等方法用于选取元素，innerHTML、innerText属性用于修改元素内容，appendChild、removeChild用于添加和删除元素。 8. BOM（Browser ...
JavaScript_初学者文件，最终项目和FAQ为我的终极React课程.zip
最新发布
05-20
例如，通过getElementById、querySelector、getElementsByClassName等方法选择元素，然后利用innerHTML、textContent等属性改变元素内容。 在掌握了JavaScript基础知识后，我们转向React。React的核心概念是组件，...
vue 跳转页面传参的时候参数值为undefined的解决方法
梁同学与Android
10-04 8924
错误代码如下： 跳转之前的页面： clickScan(index,row) { this.$router.push({ path: '/biz/AssociationAcitvityEnroll', params: { associationId: row.associationId } }) }, 跳转之后的页面 mounted: function () { this.associationId = this.$route.params.a
vue组件和js实现鼠标悬停显示title效果
waillyer的博客
10-13 5052
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JS控制TITLE悬停效果</title> <sc
Vue学习
丿白驹过隙丶博客
03-31 1040
document js:可改变 HTML 元素、属性 和 css样式 事件作出反应 查找HTML元素 document.getElementById("id名") document.getElementByTagName("标签名") document.getElementByClassName("类名") 改变HTML内容 document.getElementById("i...
使用this调用vue中定义的，data中数据或methods中的方法，报错undefined的原因及解决办法
qq_45634989的博客
08-18 6247
使用this调用vue中定义的，data中数据或methods中的方法，报错undefined的原因及解决办法
关于document.getElementById返回为null的解释
热门推荐
杨鹏飞的博客
11-06 2万+
关于'null'的解释，官方给出的是为空或不是对象:  document.getElementById为null  那是因为你没有获取到这个元素；你的js文件一定是在head标签中加载的， 这样的话，会产生加载的顺序问题； 如果你想那样写var search = document.getElementById("search_input"); 就必须在 里面加个defer=true属
暴打JavaScript语法之getElementById()、getElementsByTagName()全能解释
Xmumu_的博客
09-06 2632
大家好这里是X????????????，今天带来JavaScript的两个很重要的方法 先来简述一下它们的基本作用： getElementById():返回一个对象，该对象对应着文档中一个特定的元素节点 getElementsByTagName():返回一个对象数组，它们分别对应着文档中一个特定的节点 getElementById()接收一个参数：就是要取得的元素的ID???? 如果找到了该ID就返回该元素，如果不存在就返回null，该ID必须和页面中的ID严格匹配???? document.get
SCRIPT5007: 无法获取属性“getElementsByTagName”的值: 对象为 null 或未定义 的解决方案
甘蓝的专栏
03-23 4010
无法获取属性“getElementsByTagName”的值: 对象为 null 或未定义
js中getElementsByClassName和getElementsByTagName无法获取元素
Jclam的博客
03-07 1840
js中getElementsByClassName和getElementsByTagName无法获取元素
document.getElementById获取值为null
06-01
当使用 document.getElementById 方法获取某个元素时，如果返回值为 null，通常是因为没有找到该元素。以下是一些可能导致这种情况的原因： 1. 元素的 ID 值设置错误，与实际 HTML 代码中的不一致。 2. 元素还未被...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值