Cannot read property 'style' of null 问题

最新推荐文章于 2023-12-15 16:46:01 发布
置顶 最新推荐文章于 2023-12-15 16:46:01 发布
阅读量4.3w 收藏 13
点赞数 10
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41327789/article/details/87623829
版权

1.在页面还没加载完成就获取那个元素的属性,导致获取属性失败

这类问题有很多情况

常见的是调用的或许html标签的js写在了js上面，导致js加载完毕而html元素尚未加载，找不到目标

我的问题是，js虽然写在html下面。但是在弹窗的时候重复调用获取基本信息页面。导致js报错

2.是不是书写的问题 比如想document.getElementById("a").style 写错为 document.getElementById("ɑ").style等

3.你调用属性的object是空的，你看看是不是没有找到你想要的对象，可能你调用的对象调用错了

Eg0
关注
  • 10
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
ART OF ASSEMBLER
05-25
汇编语言的艺术HTML版本(英文版)<br/>Copyright 1996 by Randall Hyde All rights reserved. <br/>
局域网聊天工具，源代码
11-04
局域网聊天工具，源代码,c++ 个人一些资料（转载）
解决Cannot read property ‘style‘ of null中样式问题
10年职场两茫茫，35岁凄凉奈若何
09-23 971
解决Cannot read property 'style' of null中样式问题
关于Cannot read property ‘style‘ of null的问题
lao6_666的博客
04-02 2051
关于解决Cannot read property 'style' of null的问题
浏览器报错：Cannot read property ‘style’ of null
weixin_46274553的博客
02-20 993
浏览器报错：Cannot read property ‘style’ of null <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> #tim{ width: 100px; height: 100px; background: red; margin: 0 auto; } </style> &
Uncaught TypeError: Cannot read properties of null (reading ‘style‘)
m0_37378152的博客
12-15 614
dom结构是包含在component组件内的slot内容。遇到的情况是把style换成class即可解决。
cannot read properties of null(reading appendChild)解决办法
qq_45530512的博客
11-10 13万+
项目场景： 本来写的是一个js渲染，但是出了个小问题，cannot read properties of null(reading appendChild)报错。大致意思是：不能读取空的属性。 let data = [ {img:"./img/OIP-C.jfif",id:13,name:'黄焖鸡米饭',订餐电话:13782721148,均价:'均价11元'}, {img:"./img/OIP-C.jfif",id:12,name:'胡辣汤',订餐电话:15188811571,均价:'均价3元
Cannot read property ‘XXX‘ of null
qq_41892764的博客
08-05 8566
译为无法读取null的属性“XXX”（null是指属性“XXX”的父对象值为null） 举个例子： 如 result.smf.xxx ：当result.smf为null时，便会报以上错误 在使用点语法的时候，一定要注意父对象的值是否为空！ 应用场景： 有时在遍历一个对象时，其子对象可能存在为null的情况 解决办法： 且语法：result.smf &&result.smf.xxx （当且前面值为空时，便不会执行后面的语句） ...
Cannot read properties of null (reading ‘pickAlgorithm‘)
pleaseprintf的博客
04-08 1万+
nodejs 执行 npm install 时报错 “Cannot read properties of null (reading ‘pickAlgorithm‘)”
出现 Cannot read property 'xxxxxx' of null 问题思路
热门推荐
ayhao369csdn的博客
07-11 18万+
在Console中出现 Cannot read property 'xxxxxx' of null  的问题时很难查找到改原因的出处今天在项目中看到页面出现 Cannot read property 'xxxxxx' of null 的字样如下：对于像我这样的前端菜鸡根本，一开始以为是layer插件出现了问题尝试一：修改alyer语句依旧报错    无效尝试二：注释掉该页面所有alyer有关的代码...
报错：Cannot read property 'xxx' of null
Joy_Yue的博客
12-13 3万+
这个错误在开发时经常遇到，这里谈谈引起该问题的其中一种可能原因及解决方法，希望能帮到你。 开发场景：用for循环渲染列表，列表中需要渲染某个字段值，该字段值报null错误 原因：列表数据很多，没有一一查看每条数据该字段值是否都有。一旦某条数据的该字段值为空，就会报这个错误，进而整个列表不能渲染 解决方法：在用for循环的html标签上加上v-if="该字段值"。意思是，如果字段值为空，就不渲...
ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法
01-20
Chrome提示： 确定相关JS已经包含在页面中，（用的是MasterPage，二个页面包含的js文件完全相同），排除了js引用路径不正确的问题。...162行，根据ID获取某个DOM对象，在这里看到optionsFormID为null。（Chr
javaAPI文档，有中文有英文。
06-02
API文档，有中文有英文，压缩包形式，有需要的可以自行下载，或者自己直接百度，在百度中搜索在线的API帮助。
Google C++ Style Guide(Google C++编程规范）高清PDF
03-08
Friends Exceptions Run-Time Type Information (RTTI) Casting Streams Preincrement and Predecrement Use of const Integer Types 64-bit Portability Preprocessor Macros 0 and NULL sizeof Boost C++0x ...
后端开发是一个涉及广泛技术和工具的领域.docx
04-30
后端开发是一个涉及广泛技术和工具的领域，这些资源对于构建健壮、可扩展和高效的Web应用程序至关重要。以下是对后端开发资源的简要介绍： 首先，掌握一门或多门编程语言是后端开发的基础。Java、Python和Node.js是其中最受欢迎的几种。Java以其跨平台性和丰富的库而著名，Python则因其简洁的语法和广泛的应用领域而备受欢迎。Node.js则通过其基于JavaScript的单线程异步I/O模型，为Web开发提供了高性能的解决方案。 其次，数据库技术是后端开发中不可或缺的一部分。关系型数据库（如MySQL、PostgreSQL）和非关系型数据库（如MongoDB、Redis）各有其特点和应用场景。关系型数据库适合存储结构化数据，而非关系型数据库则更适合处理大量非结构化数据。 此外，Web开发框架也是后端开发的重要资源。例如，Express是一个基于Node.js的Web应用开发框架，它提供了丰富的API和中间件支持，使得开发人员能够快速地构建Web应用程序。Django则是一个用Python编写的Web应用框架，它采用了MVC的软件设计模式，使得代码结构更加清晰和易于维护。
华为数字化转型实践28个精华问答glkm.pptx
04-30
华为数字化转型实践28个精华问答glkm.pptx
新员工入职培训全流程资料包gl.zip
04-30
新员工入职培训全流程资料包（100+个文件） 1入职流程指引 万科新职员入职通知书 万科新职员入职引导手册 新进员工跟进管理表 新员工入职报到工作单(文职) 新员工入职报到流程 新员工入职流程表 新员工入职手续办理流程(工厂 新员工入职手续清单 新员工入职须知 新员工入职训流程 新员工入职引导表(导师用) 2 入职工具表格 3 培训方案计划 4培训管理流程 5培训教材课件 6 培训效果检测 7 员工管理制度 8 劳动合同协议 9 新员工培训PPT模板(28套)
三菱PLC通讯程序实例
04-30
FX5U PLC作为主、从站的通讯方式程序实例，以及包含详细说明文件...
技术需求报告-集行波测距与故障录波功能于一体的电网综合故障分析系统.docx
最新发布
04-30
技术需求报告-集行波测距与故障录波功能于一体的电网综合故障分析系统.docx
typeError cannot read property substr of null
07-28
根据提供的引用内容，报错"TypeError: Cannot read properties of null (reading 'substring')"是因为在渲染模板时，尝试读取一个对象的属性值时，该对象为null，因此无法执行substring操作。具体来说，在代码中的item.createTime属性为null，导致无法对其进行substring操作。为了解决这个问题，可以在模板中添加一个条件判断，确保在执行substring操作之前，确保item.createTime不为null。可以使用v-if指令来实现这一判断，如下所示： ```html <div class="content"> <p class="title fs-30">{{item.title}}</p> <p class="time fs-18" v-if="item.createTime">{{item.createTime.substring(0,10)}}</p> </div> ``` 通过添加v-if="item.createTime"的条件判断，只有当item.createTime不为null时，才会执行substring操作，避免了报错的问题。 #### 引用[.reference_title] - *1* *2* *3* [Vue--修复报错 Error in render: “TypeError: Cannot read properties of null (reading ‘substring‘)](https://blog.csdn.net/weixin_45406850/article/details/125925840)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值