简体   繁体   English

如何解决错误 =>“无法设置 null 属性(设置'innerHTML')”?

[英]How do I solve error => "Cannot set properties of null (setting 'innerHTML')"?

https://codepen.io/bSwastik6/pen/QWQgYPO?editors=1010 https://codepen.io/bSwastik6/pen/QWQgYPO?editors=1010

There is some problem with the JAVASCRIPT code which I can't solve. JAVASCRIPT 代码存在一些我无法解决的问题。 Will be helpful if you guys check the error in the code.如果你们检查代码中的错误,将会很有帮助。

ERROR: {Uncaught TypeError: Cannot set properties of null (setting 'innerHTML')}错误:{未捕获的类型错误:无法设置 null 的属性(设置“innerHTML”)}

// Variables

var tenspart = 0;
var minpart = 0;
var secpart = 0;
var time;

// Node Selector

var start = document.querySelector(".start");
var stop = document.querySelector(".stop");
var reset = document.querySelector(".reset");
var tenth = document.querySelector(".tens");
var minute = document.querySelector(".min");
var second = document.querySelector(".second");

// Add Event Listener

start.addEventListener("click", () => {
    clearInterval(time);
    time = setInterval(watchCounter, 10);
});

stop.addEventListener("click", () => {
    clearInterval(time);
});

reset.addEventListener("click", () => {
    clearInterval(time);
    tenspart = 0;
    minpart = 0;
    secpart = 0;
    tenth.innerHTML = "0" + tenspart;
    second.innerHTML = "0" + secpart;
    minute.innerHTML = "0" + minpart;
});

// Event Function

var watchCounter = function () {
    tenspart++;
    tenth.innerHTML = tenspart;
    if (tenspart < 9) {
        tenth.innerHTML = "0" + tenspart;
    }

    if (tenspart > 99) {
        secpart++;
        second.innerHTML = secpart;
        if (secpart < 9) {
            second.innerHTML = "0" + secpart;
        }
        tenspart = 0;
    }

    if (secpart > 59) {
        minpart++;
        minute.innerHTML = minpart;
        if (minpart < 9) {
            minute.innerHTML = "0" + minpart;
        }
        secpart = 0;
    }
};

秒 div 的类名是“sec”,但您在 JavaScript 中定位“.second”。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何解决此错误:无法设置 null 的属性(设置“innerHTML”) - How do I solve this error: Cannot set properties of null (setting 'innerHTML') 为什么我得到 Cannot set properties of null (setting 'innerHTML') - Why do I get an Cannot set properties of null (setting 'innerHTML') 如何解决错误“无法设置 null 的属性‘innerHTML’” - How can I solve error "Cannot set property 'innerHTML' of null " 错误:未捕获类型错误:无法设置 null 的属性(设置“innerHTML”) - Error: Uncaught TypeError: Cannot set properties of null (setting 'innerHTML') 无法设置 null 的属性(设置“innerHTML”) - Cannot set properties of null (setting 'innerHTML') 如何解决未捕获的类型错误:尝试使用 JS 和 html 显示当前时间时,无法在打印时间设置 null 的属性(设置“innerHTML”) - How to solve Uncaught TypeError: Cannot set properties of null (setting 'innerHTML') at printTime when trying to show current time with JS and html 语法中的innerHTML 错误不起作用; 未捕获的类型错误:无法设置 null 的属性(设置“innerHTML”) - innerHTML error in syntax not working; Uncaught TypeError: Cannot set properties of null (setting 'innerHTML') 如何在反应中解决无法设置 null 的属性(设置“内部 HTML”)? - how to solve in react Cannot set properties of null (setting 'inner HTML')? 我如何解决此错误,无法在Ionic中将MyLocation设置为null - how do i solve this error cannot set MyLocation of null in ionic 未捕获(承诺中)类型错误:无法设置 null 的属性(设置“innerHTML”) - Uncaught (in promise) TypeError: Cannot set properties of null (setting 'innerHTML')
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM