javascript - 无法读取 null 的属性 *0*

Question

我收到此错误“无法读取 null 的属性‘0’。”

我有一张 table

somename.html

<table>  
    <tr>  
    <td id="td1">text</td>  
    </tr>  
    </table>

一些名称.js

function test(){  
    var date=new Date();  
    if(date.getDay()==1 && date.getHours() >=13  && date.getMinutes() >=3 ){ //8-9AM  
        document.getElementById('td1')[0].style.color = 'blue';  
    }else if(date.getDay()==1 && date.getHours() == 14  && date.getMinutes() <= 20){  
            document.getElementById('td1')[0].style.color = 'blue';  
    }else{  
      //nothing  
    }  
}  
setInterval(test(),1000);

编辑:如果我删除 [0]“无法读取 null 的属性‘style’”会出现新错误

Answer 1

getElementById 如果文档中没有匹配项，则返回 null。 (然后导致您的错误消息)。

这意味着您的选择器或 html 或 js 在您的元素包含到 dom 之前执行了拼写错误。

此外，getElementById 返回单个元素而不是数组(准确地说是 Node List)，因此正确的调用是:

document.getElementById('td1').style.color = 'blue';

第三个问题:

setInterval(test(),1000);
//              /\
// this will immeditately execute the function and
// hands over the *return value* to setInterval

不会按预期工作，它需要

setInterval(test,1000);
//            /\
// hand over the *function reference* to be executed after 1 second