Javascript 我得到以下JS代码：无法读取属性'；客户端宽度'；空的

我目前正在为一个客户机测试一些javascript snow，并且在codepen（）上有一个工作版本

现在，我在一个简单的引导中实现了这一点（包括来自codepen的JS），但我得到一个错误：uncaughtTypeError:cannotreadproperty'clientWidth'为null

我不知道为什么这在我的网站上不起作用，但它在codepen上起作用了(

以下是JS代码：

(function () {

var COUNT = 300;
var masthead = document.querySelector('.sky');
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
var width = masthead.clientWidth;
var height = masthead.clientHeight;
var i = 0;
var active = false;

完整代码

请尝试以下操作：

将“天空”的id设置为“天空”

使用

document.getElementById（'sky'）.clientWidth；

---

---

祝你好运！下面这部分代码返回null，这就是为什么你不能访问它的属性

clientWidth

document.querySelector('.sky')

你身体上缺少class=“天空”

您的身体标签应如下所示：

或将js中的查询选择器更改为：

---

var-masthead=document.querySelector（'body'）；

您尚未将classname

sky

设置为您的

标记。或者您可以使用

var-masthead=document.querySelector（'body'））；

。

从问题中看不出任何问题。也许你应该检查你的站点是否设置了类名

sky

，否则

文档。querySelector（'.sky'）

将

为null

谢谢，我完全忘记了：/