gpt4 book ai didi

javascript - 如何让 countUp Javascript 包正常工作?

转载 作者:行者123 更新时间:2023-12-03 02:52:33 25 4
gpt4 key购买 nike

我正在尝试实现 countUp Javascript 包,但收到错误:[CountUp] 目标为 null 或未定义。 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 添加事件监听器,我尝试使用 window.onload,console.log(tester1) 显示 100

最佳答案

只需将以下行中的 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 节点。

关于javascript - 如何让 countUp Javascript 包正常工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47783449/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com