前言

首先看代码：

        let colors = ['green', 'yellow', 'black', 'blue', 'pink', 'yellowgreen']let random = Math.floor(Math.random() * colors.length)const div = document.querySelectorAll('div')div.style.backgroundColor = colors[random]

这个代码很简单，其实就是通过随机数来改变div的颜色，达到每次刷新颜色都是随机的目的。

但是，这个只是学习的而已，为了加强对内置对象Math的方法使用而做的。

那么还没有学到API的小聪明就会，好奇，为什么这个代码会在浏览器报错，并出现下面的问题？

分析

其实解决方法还是蛮简单的，首先我们得了解document.querySelectorAll方法的意义，我们可以在浏览器输入MDN，打开第一个连接，如下图：

这个时候，我们把document.querySelectorAll方法输入到搜索框，进行查找：

然后我们查看返回值：

可以发现，document.querySelectorAll返回的是一个list，但是我们的代码中最后一句，右边是一个值，这里就出现了错误。

所以这个时候，我们就得考虑把document.querySelectorAll更改为document.querySelector。我们先去MDN查看document.querySelector的返回值：

非常符合一对一原则，所以我们删去All，运行正确：

最后

最后代码：

        let colors = ['green', 'yellow', 'black', 'blue', 'pink', 'yellowgreen']let random = Math.floor(Math.random() * colors.length)// 注意不要写出document.querySelectorAll，这样会报错！！const div = document.querySelector('div')div.style.backgroundColor = colors[random]

Uncaught TypeError: Cannot set properties of undefined (setting ‘backgroundColor‘)的解决方法相关推荐

js代码中for循环里绑定onclick事件报错Uncaught TypeError Cannot set properties of undefined (setting ‘className‘)
jsfor循环里绑定onclick事件报错Uncaught TypeError Cannot set properties of undefined (setting 'className') 我想要 ...
【vue】文件批量上传报错问题解决Uncaught TypeError: Cannot set properties of undefined (setting ‘status‘)
一.问题描述最近在vue项目上,使用el-upload组件实现多文件上传功能时出现了如下的报错内容. Uncaught TypeError: Cannot set properties of und ...
Uncaught TypeError: Cannot set properties of undefined (setting ‘ innerHTML ) 问题
项目考核已经结束,我想分享一下我这次写项目的收获. 首先是"> Uncaught TypeError: Cannot set properties of undefined (sett ...
TypeError: Cannot set properties of undefined (setting ‘innerHTML‘)
Vue调用本地组件定义的变量,报错TypeError: Cannot set properties of undefined (setting 'innerHTML'),可能是回调函数内无法直接访问本 ...
报错，Uncaught TypeError: Cannot read properties of undefined (reading ‘inputValue‘) at ＜anonymous＞
错误: Uncaught TypeError: Cannot read properties of undefined (reading 'inputValue') at <anonym ...
Uncaught TypeError: Cannot read properties of undefined (reading ‘_modulesNamespaceMap‘)
[Vue warn]: Property "$store" was accessed during render but is not defined on instance. a ...
TypeError: Cannot set properties of undefined (setting ‘xx‘)
TypeError: Cannot set properties of undefined (setting 'xx') 目录 TypeError: Cannot set properties of ...
Uncaught TypeError: Cannot read properties of undefined (reading ‘push’) ---- vue-router报错
坑点在使用vue-router@4的时候,由于vue3中没有this.router这个写法,所以我就将解构router方法,放在了函数中,由于函数有作用域就报了这个错误:Uncaught TypeE ...
Vue TypeError: Cannot set properties of undefined (setting ‘msg‘) at eval (App.vue?91a0:25:1)
Vue TypeError: Cannot set properties of undefined (setting 'msg') at eval (App.vue?91a0:25:1) 这个问题是是 ...

Uncaught TypeError: Cannot set properties of undefined (setting ‘backgroundColor‘)的解决方法

前言

分析

最后

Uncaught TypeError: Cannot set properties of undefined (setting ‘backgroundColor‘)的解决方法相关推荐

最新文章

热门文章