个人中心
gpt4 book ai didi

javascript - 无法读取 null 的属性 'className'

转载 作者：行者123 更新时间：2023-12-04 01:28:11 24 4
gpt4 key购买 nike

这是行不通的。我的 html 中有一个 id 为“color”的元素。怎么回事？我只想将它添加到该元素的类中。

var el = document.getElementById("color");
var number = Math.floor((Math.random() * 5) + 1);

switch (number) {
    case 1:
        el.className += " blue";
        break;

    case 2:
        el.className += " yellow";
        break;

    case 3:
        el.className += " red";
        break;

    case 4:
        el.className += " green";
        break;

    case 5:
        el.className += " purple";
        break;
}

最佳答案

我会说这是因为当您尝试获取 #color 元素时 body 没有加载。

把东西包在里面

window.onload = function () {
    // your code
};

或者你可以在正文末尾加载你的代码

<body>
    <!-- you content -->
    <script src="your-script.js"></script>
</body>

最后您可以监听 DOMContentLoaded 事件。它比 window.onload 快一点，但对 IE9+ 的支持略少。

document.addEventListener("DOMContentLoaded", function(event) { 
  // your code
});

关于javascript - 无法读取 null 的属性 'className'，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26955805/

24 4 0
文章推荐： r - 使用 pch= 参数绘制不同的形状
文章推荐： haskell - 有没有比列表推导更好的方法将函数应用于列表中的一对元素？
文章推荐： vbscript - 从 Excel VBA 调用 .vbs 脚本
文章推荐： vnc - 如何使用 libvirt 获取 VNC 端口号？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com