Question

我试图实现countUp Javascript包，但我收到错误：[CountUp] target为null或undefined。 countUp Javascript包的gitHub存储库是https://github.com/inorganik/CountUp.js。对于有这个软件包经验的人，我的问题是如何修复我的代码以避免此错误？这是代码：

<html>
<title>Count Up Test</title>
<head>
<script src="countUp.js"></script>

</head>
<body>
<h1 id="tester">100</h1>

<script>

var options = {
    useEasing: true,
    useGrouping: true,
    separator: ',',
    decimal: '.',
};

tester1 = document.getElementById('tester').innerHTML;
console.log(tester1);

var test1 = new CountUp('tester1', 100, 1500, 0, 2.5, options);
if (!test1.error) {
    test1.start();
} else {
    console.error(test1.error);
}

</script>
</body>
</html>

我尝试为DOM添加eventListener，我尝试过使用window.onload，而console.log（tester1）显示100

Answer 1

只需将tester1更改为以下行中的tester ....

var test1 = new CountUp('tester', 100, 1500, 0, 2.5, options);

假设你有一个像这样的html元素......

<h1 id="tester">100</h1>

请注意，html元素的id与传递给CountUp的字符串匹配（“tester”）

CountUp构造函数的第一个参数是一个字符串，表示要使用的html元素的id属性。基本上，CountUp会调用getElementById本身并为您查找DOM节点。

我如何让countUp Javascript包工作？

1 个答案: