Cannot read property 'style' of undefined at HTMLLIElement.lis.(anonymous function).onclick

最新推荐文章于 2023-03-22 17:40:55 发布
最新推荐文章于 2023-03-22 17:40:55 发布
阅读量6.8k 收藏 2
点赞数 2
CC 4.0 BY-SA版权
分类专栏： 小案例
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/helloFE/article/details/79150424
本文介绍了一个简单的点击隐藏li标签案例中出现的错误：Cannot read property 'style' of undefined。文章解释了错误原因，并提供了解决方案：将lis[i]替换为this，使代码能正确引用当前元素。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

想做一个点击隐藏li标签的简单案例，但是报错Cannot read property 'style' of undefined     at HTMLLIElement.lis.(anonymous function).onclick 


一般这种错误都是因为‘style’前面的元素找不到，可以打印一下，发现是undefined，只要将lis[i]替换为this就可以了，this指当前元素lis[i]


如有异议，欢迎提出

Vue - Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘) 项目运行时报错，详细解决方案
资深程序员
11-07 1万+
vue2，SyntaxError:TypeError:Cannotreadpropertiesofundefined(reading'styles')，webpack，npmrunserve，报错怎么办，运行报错，runserve时出现报错如何解决，vue2项目运行报错SyntaxError:TypeError:Cannotreadpropertiesofundefined(reading'styles')，vue2怎么解决npmrunserve时的Cannot
uniapp(微信小程序) - 解决报错TypeError: Cannot read property ‘get‘ of undefined（Uniapp编译运行到微信小程序 开发者工具出现错误提示）
最新发布
高级前端工程师
04-25 1万+
uniapp，微信小程序，Uniapp微信小程序报错TypeError: Cannot read property ‘get‘ of undefined，uniApp编译微信小程序平台报错，如何解决小程序端报错，微信开发者工具报错，uniapp报错提示Cannot read property ‘get‘ of undefined，uniapp就微信小程序端提示错误，uni-app打包微信小程序，UNIAPP构建微信小程序报错，开发者工具控制台出错，uniapp运行到小程序平台报错，找不到定义，导入模块以及定
Uncaught TypeError: Cannot read properties of undefined (reading ‘style‘)解决办法
热门推荐
weixin_52153452的博客
11-29 2万+
Uncaught TypeError: Cannot read properties of undefined (reading 'style')解决在用VScode编译时出现的此类错误
javascript解决【Uncaught TypeError: Cannot read property ‘style‘ of undefined at HTMLHeadingElement.】问题
ml_YSY的博客
07-02 3501
1、实现我随机选取的一种存在此问题的代码，其代码如下： var aList = document.querySelectorAll(".F-nav-li h2"); var aHide = document.querySelectorAll(".F-hide-1"); for(var i = 0; i < aList.length; i++){ // 从哪来 到哪结束 怎么去 aList[i].onclick = function(){ // 鼠标点击事件 ...
修改样式表时在某些浏览器（如360）下遇到Cannot read property 'style' of undefined错误的解决方案...
weixin_30520015的博客
02-06 628
自己写的2048游戏，在本地调试一切正常后，上传至服务器，Chrome效果正常，但发现JavaScript在360浏览器中出错，提示Uncaught TypeError: Cannot read property 'style' of undefined 错误定位如下图 这段代码是在页面加载后动态修改CSS样式表的属性。 看到这个错误，蒙了很久，为何本地和Chrome下是...
Uncaught TypeError: Cannot read property ‘style‘ of undefined
qq_43572319的博客
12-19 832
我遇到这种情况的原因： 1.用的参数与数据库相关字段有关，而数据库中缺少相关要的数据 2.你设置的对象style的代码的逻辑参数没传到那或没有
Uncaught TypeError: Cannot set properties of null (setting 'innerHTML') at HTMLLIElement.<anonymous>
11-17
这个错误提示 "Uncaught TypeError: Cannot set properties of null (setting 'innerHTML')" 表示你在JavaScript中尝试设置某个 `null` 对象的 `innerHTML` 属性，这是不允许的，因为 `null` 没有引用任何元素。...
Cannot read properties of null (reading 'classList') at HTMLLIElement..
07-29
这个错误是因为在代码中使用了querySelector和querySelectorAll方法来获取元素，但是没有找到对应的元素，返回的结果是null。所以在后续的操作中，当尝试读取classList属性时就会报错。[1] 要解决这个问题，你可以...
Cannot read properties of undefined (reading 'close')
08-12
- *1* [关于原生js里报这个错：Cannot read properties of undefined (reading ‘classList‘) at HTMLLIElement.](https://blog.csdn.net/qq_59281339/article/details/126788226)[target="_blank" data-report-...
ERROR Cannot read properties of undefined (reading 'addEventListener')
08-11
- *1* [关于原生js里报这个错：Cannot read properties of undefined (reading ‘classList‘) at HTMLLIElement.](https://blog.csdn.net/qq_59281339/article/details/126788226)[target="_blank" data-report-...
Cannot read properties of undefined (reading 'classList')
08-25
- *1* [关于原生js里报这个错：Cannot read properties of undefined (reading ‘classList‘) at HTMLLIElement.](https://blog.csdn.net/qq_59281339/article/details/126788226)[target="_blank" data-report-...
【异常】Cannot read property ‘style‘ of undefined
firstbird的博客
09-11 2628
Cannot read property ‘style‘ of undefined window.onload
Cannot read property 'style' of undefined
qq_1621633825的博客
05-09 9835
之前遇到过这样的问题，在页面表格数据加载过程中，数据表格字段设置重复导致数据表格无法识别哪个字段该渲染数据： "columns": [ { "data": "id", "render": function (data, type, full, meta) { ...
DataTable插件报错：Uncaught TypeError: Cannot read property 'style' of undefined
lzy_zhi_yuan的博客
06-20 1万+
DataTable插件报错：Uncaught TypeError: Cannot read property 'style' of undefined 原因：table 中定义的列和aoColumns数据表的项数量对不上：比如下面： <table class="table dataTable "> <thead> <tr> ...
cant read property ‘style‘ of undefined
qq_43610466的博客
07-26 432
请问为什么会出现 cant read property ‘style’ of undefined 错误 <div class="lineButton"> <span></span> <span></span> <span></span> <span></span> <span
报错信息('style' of undefined at HTMLLIElement.lis)
yu472623295的博客
12-25 781
作业3.html?_ijt=5h8h0o4smtc0onigbr9fumlgfd:24 Uncaught TypeError: Cannot read property ‘style’ of undefined at HTMLLIElement.lis..onclick (作业3.html?_ijt=5h8h0o4smtc0onigbr9fumlgfd:24) lis..onclick @ 作业3...
js提示Cannot read property 'style' of undefined
我的博客
08-22 2万+
"order": [[0, "asc"]] ！不要越界！
运行JS代码报错：Uncaught TypeError: Cannot read property‘style‘ of undefined
weixin_50930483的博客
04-24 1360
运行JS代码报错：Uncaught TypeError: Cannot read property'style' of undefined这个报错的原因通常是没有获取指定的标签： 这个报错的原因通常是没有获取指定的标签： 关注点： 1.检查索引值 2.检查参数的拼写 ...
js datatables 重绘报错 Cannot read property ‘style‘ of undefined
shuifa2008的专栏
03-22 605
这时发现某些情况下会触发报错 Cannot read property ‘style’ of undefined，有时候也报 Cannot read property ‘mData’ of undefined。在页面有个表格，需要在不同条件下加载不同的数据，并且表格的列也不一样了。上的一个解答，增加table的destroy和empty后就好了，如下。场景一展示的表格数据。场景二展示的表格数据。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值