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

这篇具有很好参考价值的文章主要介绍了Uncaught TypeError: Cannot read properties of null (reading ‘style‘)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

Uncaught TypeError: Cannot read properties of null (reading ‘style‘),javascript,前端,html,css,ajax

    <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(){}框起来文章来源地址https://www.toymoban.com/news/detail-554513.html

到了这里,关于Uncaught TypeError: Cannot read properties of null (reading ‘style‘)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘brands)

    在写vue项目时我们经常会遇见这种报错, 报错: Uncaught (in promise) TypeError: Cannot read properties of null (reading \\\'brands\\\') 这句话意思是:无法读取null属性(读取\\\'brands\\\')  解决办法是在需要渲染的地方加一个v-if来判断数据存在 如下图 搞定!! 

    2024年02月11日
    浏览(62)
  • vue3报错 Uncaught TypeError: Cannot read properties of null (reading ‘isCE‘) at renderSlot

    最近在vue项目中遇到如下报错,项目使用的是vue3+webpack搭建的 造成这个的原因是有两个不同的vue版本, 就可能下载的其他的第三方和当前的vue版本不相同, 就有两个vue的副本,在引入的时候, npm去尝试引入的地址不对 有如下几种解决方案 由于npm的引入地址不对, 那我们使

    2023年04月27日
    浏览(67)
  • Uncaught TypeError:Cannot read properties of null (reading ‘isCE‘) at Cc (1cl-test-ui.mjs:1564:9)

    ❤️砥砺前行,不负余光,永远在路上❤️ 组件发布之后使用可能会遇到报错,错误信息:Uncaught TypeError:Cannot read properties of null (reading ‘isCE’) at Cc (1cl-test-ui.mjs:1564:9) 在vite.config.js中添加代码 完整的vite.config.js 参考:https://www.bilibili.com/video/BV1s5411U7sd

    2024年02月15日
    浏览(49)
  • Uncaught TypeError: Cannot read properties of undefined (reading ‘remove‘)

    在Vue 3中,你可能会遇到“Uncaught TypeError: Cannot read properties of undefined (reading \\\'remove\\\')”这样的错误,这通常是因为在组件销毁时,尝试访问已经被销毁的元素或事件监听器。 为了解决这个问题,你可以在组件销毁之前,确保移除所有的事件监听器和其他可能导致问题的操作。

    2024年01月20日
    浏览(59)
  • Uncaught TypeError: Cannot read properties of undefined (reading ‘use‘)

    报错:Uncaught TypeError: Cannot read properties of undefined (reading ‘use’) 原因:Vue-router版本问题,在vue-router3可在router/index.js中安装router插件,但4不支持 解决: 1、在router/index.js中,导出{createRouter, createWebHistory}两个函数 使用createRouter来创建路由对象 使用createWebHistory函数赋值给histor

    2024年02月13日
    浏览(41)
  • 【Error】Uncaught TypeError: Cannot read properties of undefined (reading ‘get’)

    报错原因: 返回值为undefined 解决: vue3可用?

    2024年04月08日
    浏览(84)
  • “TypeError: Cannot read properties of null (reading ‘getContext‘)“

    目录 一、报错截图 二、使用场景 三、代码截图 四、报错原因  五、解决办法 第一次在vue项目种使用canvas,跟着网上教程做,标签canvas写好了,dom元素获取了,简单“画”了一下,运行之后报\\\"TypeError: Cannot read properties of null (reading \\\'getContext\\\')\\\"的错。 意思是:找不到getContex

    2024年02月16日
    浏览(45)
  • 当vue3 报错 Cannot read properties of null (reading ‘style‘)

    当你在编写代码时 发现页面不及时刷新了 浏览器控制台报下面的错误 时刚看到的时候会一很懵 那么原因是什么呢 原因是:尽管Vue 3允许一个组件模板中存在多个元素,但是如果你这样写,有时会出现上述错误。 解决方法:在模板内你写的多个标签外面包裹一层元素,或者

    2024年02月12日
    浏览(50)
  • vue Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘comcode‘)

     在查看信息时,界面没反应,然后查看控制台报错 然后查找获取数据的方法  f12查看返回数据信息如下: {msg: \\\"操作成功\\\", code: 200} 因为没有正确返回数据,导致获取response.data时是一个undefined ,因此展示数据的时候就会出错 所以修改获取数据的function,然后将获取的数据判

    2024年02月14日
    浏览(62)
  • 配置hexo时TypeError: Cannot read properties of null (reading ‘xxx‘)

    这种报错的含义是在读取文件时读到了空对象。一般是文件放错了位置导致程序在指定的位置读不到想要的文件导致的。 我是在更换hexo的theme时遇到的问题,我直接把github上的theme文件clone到了hexo的根目录下了才有了这样的报错。 只要把clone下来的theme文件保存到hexo根目录下

    2024年02月11日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包