Javascript document.getElementById（“#”）；不起作用

我试图取代：

function checkValue() {
    if (remainingTime < 10) {
        document.getElementById("leading-zero").style.display = "inline";
    } else {
        document.getElementById("leading-zero").style.display = "none";
    }
}

函数checkValue（）{
如果（剩余时间<10）{
document.getElementById（“前导零”）.style.display=“内联”；
}否则{
document.getElementById（“前导零”）.style.display=“无”；
}
}

…关于这一点：

var leadingZero = document.getElementById("leading-zero");

function checkValue() {
    if (remainingTime < 10) {
        leadingZero.style.display = "inline";
    } else {
        leadingZero.style.display = "none";
    }
}

var leadingZero=document.getElementById（“leading zero”）；
函数checkValue（）{
如果（剩余时间<10）{
leadingZero.style.display=“inline”；
}否则{
leadingZero.style.display=“无”；
}
}

---

第一段代码工作正常，但我不希望每次调用checkValue（）时（每半秒）都访问DOM。这就是为什么我尝试将对象（是否称为对象？？）分配给名为leadingZero的变量。为什么这不起作用？？？

加载文档后实例化leadingZero：

var leadingZero;
document.addEventListener("DOMContentLoaded", function(){
     leadingZero = document.getElementById("leading-zero");
);

function checkValue() {
    if (remainingTime < 10) {
        leadingZero.style.display = "inline";
    } else {
        leadingZero.style.display = "none";
    }
}

var导零；
document.addEventListener（“DOMContentLoaded”，function（））{
leadingZero=document.getElementById（“leadingZero”）；
);
函数checkValue（）{
如果（剩余时间<10）{
leadingZero.style.display=“inline”；
}否则{
leadingZero.style.display=“无”；
}
}

第一个代码块工作正常

不应该，它应该抛出一个

语法错误

。需要运行

document.getElementById（“前导零”）；

在元素created@CertainPerformance对不起，我需要解决这个问题…我只是想快速键入问题，结果把它搞糟了。我真的不建议键入问题代码。你应该从实际的问题代码中复制/粘贴它code@Phil我本来打算..但我也有一堆无关的代码混入其中（这完全不相关）为什么错了？“我不想每次调用checkValue（）时都访问DOM”