[英]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.