Uncaught TypeError: Cannot set properties of null (setting ‘innerText‘)解决方法

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

昨天用js写了一个随机抽奖系统出现了Uncaught TypeError: Cannot set properties of null (setting 'innerText')

cannot set properties of null (setting 'innertext'),java,javascript,开发语言

这个报错意思是无法读取nll属性的'innerText',即找不到你想要将所写的HTML代码插入地方

原因:

浏览器加载页面是从上往下,会将HTML文档解析为一个DOM树,当执行到js代码块中的innetText这一行时并没有加载到下面的DOM结构就会报错

解决办法:

1.将要读取的js文件放入body后面

2.js文件中加入window.onload文章来源地址https://www.toymoban.com/news/detail-577043.html

(function(){
   window.onload = function(){
    var box = document.getElementById('box');
    var begin = document.getElementById('begin');
    var end = document.getElementById('end');
    var arr = ['王者荣耀','吃鸡','斗地主','羊了个羊','开心消消乐'];
    box.innerText = arr[0];
    var index = 0;
    var time = null;
    begin.onclick = function(){
        begin.disabled = true;
        time = setInterval(function(){
            index++;
            if(index>4){
                index = 0;
            }
            box.innerText = arr[index];
        },100);
    }
    end.onclick = function(){
        clearInterval(time);
        begin.disabled = false;
    }
   }
   
})();

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

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

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

相关文章

  • easyui Uncaught TypeError: Cannot read properties of null (reading ‘width‘)

    问题描述 在将easyui1.3.6版本替换为1.7版本的时候。只有表头显示出来了,内容并没有显示出来,且报异常。表头也没有按照期望的宽度正常显示。错误提示如下 问题原因及解决办法 该问题出现的原因是因为该表格的表头涉及到跨行跨列问题,原因是最后一栏出货记录的跨列

    2024年02月16日
    浏览(50)
  • 错误解决:Uncaught TypeError: Cannot read properties of null (reading ‘XXX‘).

    报错信息: 前端代码:        这里的目的是打开特定页面后,自动将用户登录后 session 中保存的 username 取出并将值赋给input标签。        但是在测试的时候,打开该页面控制台就出现报错。报错意思大概就是你需要的这个 “username” 属性的值本来就是空的,所以无法获

    2024年02月12日
    浏览(62)
  • Uncaught TypeError: Cannot read properties of null (reading ‘name‘) 和NoSuchMethodException

    分析:这是由于还没登录,data.name 还没获取到值,所以为null 方法1:可以不管,它不会影响其他功能,当你登录后,便不会报这个错 方法2:给它一个if判断是否为null 修改前: 修改后: 修改完后记得先清楚浏览器缓存(或换个浏览器)再测试。成功解决! 还有一个问题是缺

    2024年02月12日
    浏览(42)
  • 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日
    浏览(72)
  • Cannot set properties of null (setting ‘onclick‘)问题解决方案

    个人学习过程中遇到“Uncaught TypeError: Cannot set properties of null (setting ‘onclick’)”问题,分享下 html代码: 运行结果: 问题原因:getElementById方法无法找到所写的id名(空格也被认为是id名的一部分了) 修改前代码: 修改后: 运行成功!

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

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

    2023年04月27日
    浏览(71)
  • vue 启动项目报错:TypeError: Cannot set property ‘parent‘ of undefined异常解决

    场景:从git上面拉下来一个项目 npm i 下载完依赖以后 npm run serve 去运行项目的时候 报错TypeError: Cannot set property ‘parent’ of undefined 如图所示 原因:首先排查发现判断得出是less解析失败导致 但是经过长时间的查询解决方案发现是因为vue版本在下载包的过程中由2.6.10升级为2

    2024年02月12日
    浏览(56)
  • 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)
  • 关于微信小程序没定义query却还报错TypeError: Cannot set property ‘query‘ of undefined

    最开始以为 #ifndef 和 #endif  这是注释  看见下面写了个vue3,把这个vue3改成了vue2, 然后然后最重要的是,改了自己又忘了自己改了这里,折磨了不知道多了多少minutes,又记起来了,然后就解决啦~~~~ 然后查了一下这是啥意思,发现这是一种预处理指令 ifdef = if define 意思是如

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

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

    2024年01月20日
    浏览(60)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包