Uncaught TypeError: Cannot read properties of null (reading ‘style‘)

已于 2023-02-01 23:39:07 修改
阅读量5.3k 收藏
点赞数 2
文章标签： javascript 前端 html css ajax
于 2023-02-01 23:36:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74284886/article/details/128842320
版权

Uncaught TypeError: Cannot read properties of null (reading 'style')

    <script src="js/1.login.js"></script>
</head>
var olFont=document.querySelector('.olFont');//Cannot read properties of null (reading 'style')
function showOl(){
    // var olFont=document.querySelector('.olFont');
    if(olFont.style.display=='none' || olFont.style.display==''){
        olFont.style.display='block';
    }else{
        olFont.style.display='none';
    }
}
document.addEventListener('click',function(){
    // var olFont=document.querySelector('.olFont');
    olFont.style.display='none';
});

2：报错的原因
文档的加载过程是自上向下加载。使用未命名的变量、会报错

3；解决办法
1、将Javascript代码从标签中放入<body>中
2、 window.onload = function(){}框起来

m0_74284886
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误
念兮为美
03-14 7万+
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误.
Uncaught TypeError: Cannot read properties of undefined (reading ‘style‘)解决办法
weixin_52153452的博客
11-29 2万+
Uncaught TypeError: Cannot read properties of undefined (reading 'style')解决在用VScode编译时出现的此类错误
Cannot read properties of null (reading ‘style‘)
m0_67841039的博客
06-01 1026
Cannot read properties of null (reading ‘style‘)
Cannot read properties of null (reading ‘style‘)前端错误记录211020
bsegebr的博客
03-08 1万+
在代码中使用到了v-if， 并且在mounted中引用函数，判断并渲染这个v-if下面的元素了。 经过查阅后得知： v-if 初始渲染 初始值为 false 组件不会渲染，生命周期钩子不会执行，v-if 的渲染是惰性的。 初始值为 true 时，组件会进行渲染，并依次执行 beforeCreate,created,beforeMount,mounted 钩子。 切换 false => true 依次执行 beforeCreate,created,beforeMount,mounted 钩子。 tru
解决Uncaught TypeError: Cannot read properties of null错误
最新发布
weixin_48683052的博客
05-31 2190
当在编写JavaScript代码时，经常会遇到Uncaught TypeError: Cannot read properties of null错误。本文将介绍这个错误的原因、常见的解决方法以及如何避免它的发生。
当vue3 报错 Cannot read properties of null (reading ‘style‘)
事实证明的博客
02-28 8261
vue3 控制台 报错
深入理解并解决Uncaught TypeError: Cannot read properties of null“的全面指南“
热门推荐
奇妙的Bug之旅
11-10 8万+
在JavaScript中，当你试图访问一个null或undefined对象的属性时，就会抛出这个错误。例如，如果你有一个变量x，它的值为null，然后你尝试访问x.property，就会得到"Uncaught TypeError: Cannot read properties of null"的错误。在使用任何变量之前，都应该先检查它是否已经定义。你可以使用typeof操作符来检查一个变量的类型。// 访问x的属性。
【解决datatable Uncaught TypeError: Cannot read properties of undefined (reading ‘style‘)】
qq_38791223的博客
03-08 5610
一般遇到这种问题无非这几种情况: 1、aoColumns字段里的字段列数与html标签列数不一致 2、aoColumns字段里的字段与接口返回的字段不一致 3、“aoColumnDefs”: [ { “bSortable”: false, “aTargets”: [1, 7, 9, 10] }] ，如果排序字段里设置了但是实际html标签没有这一列也会报此类错误 ...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module....
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
主要给大家介绍了关于Vue报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 的解决方法，文中介绍的非常详细，需要的朋友们下面来一起看看吧。
ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法
10-29
同一相站点，有些页面的客户端验证能工作，而有些死活不行。打开页面就出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null错误
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
主要介绍了JQuery报错"Uncaught TypeError: Illegal invocation"的处理方法,需要的朋友可以参考下
Uncaught TypeError Cannot read properties of undefined (reading ‘style
m0_67392273的博客
03-01 3014
求解大佬为什么报错
JavaScript对象为空问题
szx2505583639的博客
10-12 644
Uncaught TypeError: Cannot read properties of null (reading 'style')
Cannot read properties of null (reading ‘style‘)前端错误记录21/10/20
weixin_51341210的博客
11-29 1万+
前端错误记录Vue报错Cannot read properties of null (reading ‘style‘) Vue报错 Cannot read properties of null (reading ‘style‘) 起因： Vue框架书写代码时，控制页面的显示隐藏使用到了 v-if 并且在mounted中引用函数，判断并渲染这个v-if下面的元素了 <div v-if="this.pageFunction==='distributeDetail' || this.pageFunction
web前端Vue 报错：Uncaught (in promise) TypeError: Cannot read properties of nu
吕氏春秋i
09-08 4万+
最近在写vue项目 在写自定义分页器的时候报了一个异常 知道错误却一直找不到解决方案苦思冥想后 还是js的基础语法不扎实导致的，在此记录一下解决方案和思路为以后的bug解决之路打下基础学习之路 永无止步记录当下，保持一颗向上的心态~!
简析 JavaScript报错: Uncaught TypeError: Cannot read properties of null (reading ‘...‘) at new
Henry13133333的博客
10-29 2万+
JS报错（如下图）： 报错原因：引入JS的位置错误。 为什么位置错误？ ∵ JS 在页面渲染（生成）之前就执行了代码，发现获取不到页面元素。 解决方法 放到页面代码下面（body内部或者下部 随意吧） ...
报错 Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)
qq_50276105的博客
10-05 3万+
1、项目描述：最近接手一个用到了elementu ui库的vue项目，结果在模块的开发中有个问题伴随始终——Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)的错误。
Uncaught TypeError: Cannot read properties of null (reading 'appendChild'
09-12
Uncaught TypeError: Cannot read properties of null (reading 'appendChild')这个错误通常表示在尝试对null值进行操作时发生了错误。例如，当我们尝试对一个null元素调用appendChild方法时就会出现这个错误。 关于这个错误的引用有两个例子。引用中提到，在使用element-ui库的vue项目中，出现了Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')的错误。这个错误的意思是无法读取null的属性（读取'setAttribute'）。引用中提到，在同一个网站的不同页面中，有些页面的客户端验证可以正常工作，而有些页面却出现了Uncaught TypeError: Cannot set property __MVC_FormValidation of null的错误。这个错误的意思是无法给null设置__MVC_FormValidation属性。 根据这些引用，可以看出这个错误通常是由于对null值进行属性操作引起的。解决这个问题的方法是在操作之前先对相关值进行非空判断。例如，在引用中的解决方案中，对接口返回值进行了非空判断后再处理业务逻辑。 因此，要解决Uncaught TypeError: Cannot read properties of null (reading 'appendChild')错误，需要先确保相关值不为null，再进行操作。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值