为什么JavaScript onload不起作用？

Question

我希望我的动画仅在页面加载时显示，以便在页面加载时不显示静态图像。

以下是JavaScript代码：

function start() {
setObjVis('myobj','visible');
}
window.onload = start;

以下是CSS代码：

#my_animation{
animation: mymove 10s 1;
position: relative;
visibility: hidden;
}

以下是HTML代码：

<script type="text/javascript" src='js/script.js'></script>
.
.
.
<img src="img/animation_image.png" alt="Animation" height="550px" id="my_animation" />

然而，我的动画图像是隐藏的。我理解可见性：隐藏的CSS导致它变得隐藏。但JavaScript并没有让它可见。

我做错了什么？

Answer 1

您是否在函数setObjVis中设置了样式？如果不喜欢以下

document.getElementById('my_animation').style.visibility = "visible";

伪代码应该是，

function setObjVis ('myObjID') {
   document.getElementById('myObjID').style.visibility = "visible";
}