Javascript 未捕获类型错误：需要1个参数，但只存在0…但我的函数不接受任何参数？

我试图通过调用函数onclick，使一个宽度、高度和背景色的空div在屏幕上移动。这不需要争论。但当我单击元素时，它会显示：“UncaughtTypeError:未能对“元素”执行“动画”：需要1个参数，但只存在0个。我缺少什么

var container=document.getElementById（'container'）；
var box1=document.getElementById（'box1'）；
var containerWidth=container.clientWidth；
var box1Width=box1.clientWidth；
函数animate（）{
box1.style.left='0px'；
setTimeout（函数（）{
box1.style.transition=‘左1000ms缓动’；
box1.style.left=集装箱宽度-box1Width+'px'；
}, 1);
}

正文{
保证金：0；
}
#容器{
位置：相对位置；
高度：100vh；
宽度：100vw；
背景色：浅绿色；
}
#框1{
位置：相对位置；
高度：100px；
宽度：100px；
左：0px；
背景颜色：黄色；
}

尝试将

animate

函数重命名为其他函数。似乎您调用的不是函数，而是

animate

元素方法

box1

首先，使用addEventHandler！不要混合使用HTML和Javascript

然后，处理程序必须是函数，而不是函数的结果。

---

正如“animate”是一个函数一样，“animate（）”是无效的。

第二个是错误的。如果你使用属性onclick，你需要调用函数。谢谢。这很有效。我“勾选”了你的答案，我可以看到。但我不确定是否有其他人可以。它说的是“因为我的声誉不到15，您的反馈将被记录，但不会在屏幕上实时显示”。对此表示抱歉…@xxkaiwaxx没问题）我没有在Chrome v52中发现错误