❤ cannot read properties of null(reading appendChild)解决办法

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

❤ 操作元素报:cannot read properties of null(reading appendChild)解决办法

1、场景:

写的一个js渲染,但是出了个小问题,cannot read properties of null(reading appendChild)报错。

<div id="divps" class="divps"></div>

大致意思是:不能读取空的属性。

❤ cannot read properties of null(reading appendChild)解决办法,Javascript基础,javascript,前端,html

2、解决方案

1、console.log() //打印数据内容,查看获取数据是否有问题。

2、js引入放body最后面,页面是自上而下的运行的,HTML都没有运行到,当然获取不到对应节点

3、使用 getElementsByClassName(''div") 获取元素时,其返回的是数组,而没有定位到某一具体对象

还有 getElementsByTagName() 方法也是,getElementsByTagName() 方法返回 HTMLCollection 对象,HTMLCollection 对象类似包含 HTML 元素的一个数组,看起来可能是一个数组,但其实不是,不过可以像数组一样,使用索引来获取元素

3、后期添加:

后期操作很多ES6里面的Array.form()也可以将这种类数组转化为数组;

所以使用此类方法获取元素时,只需定位到某一具体元素,让浏览器知道在哪个元素下添加子节点即可

改正如下:

document.getElementsByClassName(“divps”)[0];

或者直接拿ID文章来源地址https://www.toymoban.com/news/detail-626557.html

document.getElementById(“divps”);

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

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

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

相关文章

  • 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)
  • Vue报错 Cannot read properties of undefined (reading ‘websiteDomains‘) 解决办法

    浏览器控制台如下报错: Unchecked runtime.lastError: The message port closed before a response was received. Uncaught (in promise) TypeError: Cannot read properties of undefined (reading \\\'websiteDomains\\\')     at xl-content.js:1:100558 此问题困扰了很久,偶然看到一篇博文,说是迅雷扩展问题 要想解决这个bug最有效的方

    2024年04月24日
    浏览(43)
  • [npm]Cannot read properties of null (reading 'pickAlgorithm')

    在使用 npm install 命令安装依赖时,报出了 Cannot read properties of null (reading \\\'pickAlgorithm\\\') 这个错误,这个可能是由于 npm 的缓存问题引起的。 解决方法如下,输入命令: shell npm cache clear --force 清除一下 npm 的缓存,基本上应该能行了。

    2024年02月09日
    浏览(41)
  • “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)
  • 错误:ERROR Cannot read properties of null (reading ‘type‘)

    ERROR Cannot read properties of null (reading ‘type’) TypeError: Cannot read properties of null (reading ‘type’) 改正后:单位找到原因

    2024年02月05日
    浏览(49)
  • Uncaught TypeError: Cannot read properties of null (reading ‘getAttribute‘)

    简述:vue项目报错, Uncaught TypeError: Cannot read properties of null (reading \\\'getAttribute\\\') , 翻译:无法读取null属性(读取\\\'getAttribute\\\'), 解析:getAttribute()是js获取属性方法,就是getAttribute不能读取null的属性, 这种错误一般出现在使用Echarts和地图后,当切换到空白页面后,重置页面时,

    2024年02月11日
    浏览(53)
  • Uncaught TypeError: Cannot read properties of null (reading ‘style‘)

    Uncaught TypeError: Cannot read properties of null (reading \\\'style\\\') 2:报错的原因 文档的加载过程是自上向下加载。使用未命名的变量、会报错 3;解决办法 1、将Javascript代码从标签中放入body中 2、 window.onload = function(){}框起来

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

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

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

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

    2024年02月12日
    浏览(50)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包