Cannot set properties of null (setting ‘onclick‘)问题解决方案

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

个人学习过程中遇到“Uncaught TypeError: Cannot set properties of null (setting ‘onclick’)”问题,分享下
html代码:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WEB API学习</title>
</head>

<body>
    <button id="btn">母校</button>
    <script>
        var btn = document.getElementById(" btn ");
        btn.onclick =function(){
            alert('xtu');
        }
    </script>
</body>

</html>

运行结果:
Cannot set properties of null (setting ‘onclick‘)问题解决方案,前端,前端,javascript,html
问题原因:getElementById方法无法找到所写的id名(空格也被认为是id名的一部分了)
修改前代码:

var btn = document.getElementById(" btn ");

修改后:

var btn = document.getElementById("btn");

运行成功!
Cannot set properties of null (setting ‘onclick‘)问题解决方案,前端,前端,javascript,html文章来源地址https://www.toymoban.com/news/detail-562320.html

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

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

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

相关文章

  • 【Vue】Cannot set reactive property on undefined,null,or primitive value:undefined

    技术栈:vue + element 报错内容: Cannot set reactive property on undefined, null, or primitive value:undefined 如下图所示: 根据报错内容翻译一下,就是不能对 undefined,null 或者原始值为 undefined 的属性设置值。大白话就是不能对字段为 undefined,null 进行赋值,vue 是双向数据绑定。 总的来说,我

    2024年01月18日
    浏览(54)
  • vivado编译出错:[vivado 12-1411] Cannot set LOC property of ports

    解释: 错误 [Vivado 12-1411] Cannot set LOC property of ports 表明在尝试为端口设置特定的位置属性(LOC)时发生了问题。这通常涉及到设计的物理约束,比如将设计中的输入、输出、双向端口绑定到FPGA上的特定引脚上。错误的原因可能有多种: 无效的引脚位置 :您可能试图将端口分

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

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

    2024年02月14日
    浏览(86)
  • 【Vite】Vite切换版本(Vite+vue3)报错 [vite] Internal server error: Cannot set property ‘id‘ of undefined

    Vue3+vite的项目,在全局安装新的Vite版本后,一直报下图错误。 报错信息 通过很多方式没有解决,最后发现是Vite版本的问题,因为Vue是从脚手架中引入的 查看package.json和package.lock.json区别 修改 将 package.json 中vite的版本号固定后,安装( npm install )发现仍有问题 最终解决 查

    2024年02月16日
    浏览(49)
  • npm ERR!Cannot read properties of null(reading ‘pickAlgorithm’)报错问题解决

    当在使用npm包管理器或执行npm命令时,有时候会遇到“npm ERR!Cannot read properties of null(reading ‘pickAlgorithm’)”这个错误提示,这是一个常见的npm错误。 这个错误提示通常说明在使用npm包管理器时,执行了某个npm命令,但是在执行这个命令的过程中,出现了问题,可能是由于某

    2024年02月12日
    浏览(38)
  • 如何解决 npm ERR! Cannot read properties of null (reading ‘pickAlgorithm‘)报错问题

    1、问题描述:             在vue项目中,当我们在终端使用指令: npm install 下载 node_modules (节点_模块) 时出现报错的情况。 node_modules是安装node后用来 存放用包管理工具下载安装的包的文件夹。 比如webpack、gulp、grunt这些工具。 主要是这个原因:npm ERR! Cannot read propert

    2023年04月18日
    浏览(37)
  • 启动Hadoop集群,出现Cannot set priority of nodemanager(resourcemanager) process xxx问题

    (不感兴趣可以跳过背景介绍) 配置 在安装hive的过程中,初始化数据库成功后(mysql),输入 命令: ./bin/hive 启动hive时出错(忘记截图了)。后发现原因是hive3.x仅支持JDK 1.8,并不支持openJDK 11,尽管hadoop3.3.x是支持JDK 1.8和openJDK 11的。当降低JDK版本后启动集群,便出现启动

    2024年02月01日
    浏览(48)
  • uniapp TypeError: Cannot set property 改成箭头函数

    改成箭头函数 ,因为作用域不一样。 完美解决。 箭头函数相信大家在日常开发中用到的地方非常之多,因为它很简洁,可读性强,但是它最大的好处,其实是解决了匿名函数的this指向问题,有利于封装回调函数。 总结: 箭头函数体内的this对象,就是定义该函数时所在的作

    2024年02月12日
    浏览(48)
  • 解决 Cannot read properties of null (reading ‘disabled‘)报错

    在Vue + elementUI 后台项目里遇到了一个问题,所有模块的的下拉Select 和时间选择器DataPicker (可能还有其他组件) ,在选择后点击页面其他地方都不会自己收起。打开控制台会发现报错了,每点击一次,错误+1. 代码里全局搜索 el-dropdown ,el-dropdown下缺少 el-dropdown-menu 元素,如果

    2024年02月13日
    浏览(43)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包