無法讀取null的屬性'className'

Question

這不起作用。 我的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;
}

Answer 1

我想這是因為當你試圖獲得#color元素時，身體沒有加載。

把東西包在里面

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
});

Answer 2

我聲明了一個不在交換機范圍內的變量“el”。

無法讀取null的屬性'className'

問題描述

2 個解決方案

解決方案1
9 2014-11-16 10:10:14

解決方案2
0 2014-11-17 08:50:46

無法讀取null的屬性&#39;className&#39;

問題描述

2 個解決方案

解決方案1 9 2014-11-16 10:10:14

解決方案2 0 2014-11-17 08:50:46

無法讀取null的屬性'className'

解決方案1
9 2014-11-16 10:10:14

解決方案2
0 2014-11-17 08:50:46