❤ 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日
    浏览(39)
  • 如何解决 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日
    浏览(38)
  • 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日
    浏览(46)
  • [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日
    浏览(47)
  • 错误: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日
    浏览(50)
  • 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日
    浏览(54)
  • 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)
  • easyui Uncaught TypeError: Cannot read properties of null (reading ‘width‘)

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

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

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

    2024年02月12日
    浏览(51)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包