Cannot read property 'getElementsByTagName' of null

最新推荐文章于 2023-12-09 22:09:16 发布
原创 最新推荐文章于 2023-12-09 22:09:16 发布 · 2w 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#调试 #javascript

在调试JS代码的过程中遇到错误：Cannot read property ‘getElementsByTagName’ of null
如下图：
系统提示的错误
修改为：document.getElementsByTagName（’li’）;
原因：getElementsByTagName是document的方法，只能通过document调用

前端面试汇总-JavaScript
分享前端工程化、动效魔法与性能之舞！
06-19 1482
JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。其中 Symbol 和 BigInt 是ES6 中新增的数据类型：Symbol 代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题。BigInt 是一种数字类型的数据，它可以表示任意精度格式的整数，使用 BigInt 可以安全地存储和操作大整数，即使这个数已经超出了 Number 能够表示的安全整数范围。
JS控制台显示cannot read property ‘getElementsByTagName‘ of null怎么解决
nuanpang的博客
07-12 1366
JS控制台显示cannot read property ‘getElementsByTagName‘ of null怎么解决
Uncaught TypeError: Cannot read property 'getElementsByTagName' of null
u010289760的博客
11-21 1万+
在做一个一个tab选项卡时，在window.onload中获取几个参数，代码为：              //获取鼠标滑过或点击的标签和内容的元素     var titles=$('notice-tit').getElementsByTagName('li'),    divs=$('notice-con').getElementsByTagName('div'); 结果报错：Unca
微信小程序的组件中使用了字体图标 手机端报错Cannot read property ‘getElementsByTagName‘ of undefined TypeError
web
04-15 2206
小程序手机端报错： Cannot read property 'getElementsByTagName' of undefined TypeError: Cannot read property 'getElementsByTagName' of undefined at getElementsByTagName (asset/download/font_bbb9ii6dq5/iconfont.js:1:16861) at 你是不是使用微信开发工具没有任何的报错，结果也没有问题，但是预览的时候出现了问题
Cannot read property 'getElementsByTagName' of null解决办法
IT界幼稚生的博客
11-12 1万+
问题： 在浏览器中调试js代码出现“Cannot read property 'getElementsByTagName' of null”错误。 解决方法： 使用xxx.getElementsByTagName需要给xxx添加一个id属性。 ...
Uncaught TypeError: Cannot read property ‘getElementsByTagName‘ of null
qq_59649602的博客
08-01 421
我将这个js代码放在</body>之后就可以了
Uncaught TypeError: Cannot read properties of null (reading ‘getElementsByTagName‘)
哈哈
05-20 5538
想要鼠标悬停，li标签变色 var ps= document.getElementById("navigation").getElementsByTagName("li"); for (var i in ps) { ps[i].onmouseover = function () { this.setAttribute("class","active"); } ps[i].onmouseou
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"   ...
解决报错model.js?e0d3:494 Uncaught TypeError: Cannot read properties of undefined(reading ‘getAttribute‘
蓝胖子的博客
11-15 3140
解决报错model.js?e0d3:494 Uncaught TypeError: Cannot read properties of undefined(reading 'getAttribute'
this.$router.push Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'xxx')"
08-29
- *2* [Error in v-on handler: “TypeError: Cannot read properties of null (reading ‘getElementsByTagName...](https://blog.youkuaiyun.com/qq_57305148/article/details/123188618)[target="_blank" data-report-...
uniapp打包报错MiniProgramError TypeError: Cannot read property ‘getElementsByTagName‘ of undefined
qq1248409755的博客
11-12 4624
MiniProgramError TypeError: Cannot read property 'getElementsByTagName' of undefined
cannot read properties of undefined
dandandian123的博客
05-25 4239
无法读取未定义的属性 今天初学js的时候遇到了这样的一个问题？ getElementsByTagName 获取的是一个对象的集合，想要操作里面的元素就需要遍历，这句话是重点 伪数组没有数组的功能，所以要遍历才能使用 有没有遇到像我这样没有遍历就想直接使用btns[i]的，发现是一个输出以后是个未定义的undefined 一起交流吧 ...
android webView 图片加载不出来 后台报错Uncaught TypeError: Cannot call method 'getElementsByTagName' of null
bufanni12的专栏
03-11 3453
在之前，webView加载图片完全没有问题。直到前端H5开发换新的加载图片的方式，导致图片忽然加载不出来了。 从后台日志看到了webview 打印了报错信息 Cannot call method 'getElementsByTagName' of null 我怀疑是不是由于此处报错终止了图片加载的进程。 分析此处错误出现的原因： 由于调用的H5界面的js其中的写法不规范，we
解决 Cannot read properties of undefined (reading ‘getUserMedia‘) 报错
engchina的专栏
12-09 7144
解决 Cannot read properties of undefined (reading 'getUserMedia') 报错
解决 Cannot read properties of undefined类型的报错
热门推荐
nbsl_的博客
10-21 19万+
vue报错 “TypeError: Cannot read properties of undefined (reading...)
【微信小程序】TypeError: Cannot read property ‘get‘ of undefined & Error: MiniProgramError
JMFive的博客
03-28 1万+
此专栏是我是夜阑的狗对程序报错的解决方法，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。🌹 🌹 🌹也欢迎你，关注我。👍 👍 👍！！💕 💕 💕 最后，本文仍有许多不足之处，欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正！下期再见。🎉更多专栏订阅:😀【LeetCode题解（持续更新中）】🌼【鸿蒙系统】👑【Python脚本笔记】🚝【Java Web项目构建过程】
微信小程序真机调试预览呈现空白页面
qwerewf的博客
09-02 1万+
问题描述： 最近使用真机调试微信小程序时，编译没有问题也没有报错，但是真机预览的时候页面空白页。现在教大家如何利用微信小程序提供的调试工具来精确的找到问题的所在。 1.首先将小程序编译到手机端，然后按照图片的指示操作 这样你就知道什么原因导致页面空白。 我的问题是： MiniProgramError TypeError: Cannot read property ‘getElementsByTagName’ of undefined TypeError: Cannot read property
微信小程序报错 Cannot read property 'getElementsByTagName' of undefined
最新发布
04-15
### 微信小程序中 `getElementsByTagName` 报错的原因分析 在微信小程序开发过程中，如果遇到了 `Cannot read property 'getElementsByTagName' of undefined` 的错误，通常是因为尝试在一个未定义的对象上调用了 DOM 方法 `getElementsByTagName`。需要注意的是，在微信小程序环境中，并不支持完整的浏览器 DOM API，因此直接使用类似 `document.getElementsByTagName('li')` 这样的方法会引发问题[^2]。 具体来说，该错误可能由以下几个原因引起： 1. **误用全局对象**：开发者可能试图模仿 Web 开发中的习惯，直接调用 `document` 对象的相关方法。然而，由于微信小程序运行环境并非标准的浏览器环境，缺少对 `document` 和其他 DOM 节点的支持[^2]。 2. **第三方库兼容性不足**：某些情况下，可能是引入了依赖于浏览器 DOM 环境的外部 JavaScript 库（如字体图标加载脚本），这些库内部可能会调用诸如 `getElementsByTagName` 或类似的 DOM 操作函数。当它们被用于小程序时就会触发此错误[^3]。 --- ### 解决方案 #### 方案一：替换掉对 `document` 的依赖 对于简单的场景，可以重新设计逻辑以适应小程序框架特性。例如，若原本打算获取页面上的某个特定标签列表，则可以通过 WXML 中绑定数据的方式实现相同功能，而不是依靠传统的 DOM 查询操作。 以下是示例代码展示如何改写原有逻辑来满足需求： ```javascript // 假设原计划查找所有的 li 元素并处理其样式或其他属性 Page({ data: { items: ['Item A', 'Item B', 'Item C'] // 动态渲染的数据源替代实际 dom 结构 }, onLoad() { const updatedItems = this.data.items.map((item, index) => ({ name: item, selected: false // 可扩展更多状态字段 })); this.setData({items: updatedItems}); } }) ``` 对应模板部分如下所示： ```html <view wx:for="{{items}}" key="index"> {{item.name}} </view> ``` 这样就无需再借助任何类似于 `getElementsByTagName` 的方式去访问节点集合了。 #### 方案二：修改或移除有问题的第三方资源文件 如果是因加载了不适合的小程序生态系统的外链 JS 文件而导致上述异常情况发生的话，建议仔细审查所使用的插件或者工具包是否真的有必要继续保留下来；如果有更合适的版本可供选择则优先考虑升级至最新稳定版；另外也可以自行调整相关代码片段使其更加贴合当前项目的技术栈要求。 比如针对引用到的 iconfont 字体图标类库而言，可以直接下载对应的 CSS/Font 文件本地化部署从而规避远程请求带来的潜在风险以及不必要的复杂度增加。 --- ### 总结说明 综上所述，要彻底解决 “TypeError: Cannot read property 'getElementsByTagName' of undefined” 类型的问题，关键是理解清楚造成它的根本原因是违反了小程序平台关于 UI 渲染机制的规定——即不存在传统意义上的 HTML 文档结构供我们自由操控。所以应该充分利用好官方文档推荐的最佳实践来进行重构改造工作直至完全消除此类隐患为止[^1]^[].
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值