Javascript 更改按钮的位置

我想更改显示在html页面顶部的按钮

<div class='play'>
    <input id="play" type="button" value="Play" onclick="mode('play');startSlideshow();" />
</div>
<div class='pause'>     
    <input id="pause" type="button" value="Pause" onclick="mode('pause');startSlideshow();" />
</div>

<style>
    .play{
        position: absolute;
        top:452px;
        left: 85px          
    }
    .pause{
        position: absolute;
        top:452px;
        left: 85px          
    }
</style>

---

此代码将切换播放和暂停按钮，因此一次只显示一个。

功能模式（操作）{
控制台日志（操作）；
如果（动作=‘播放’）{
document.getElementById（'play'）.style.display=“无”；
document.getElementById（'pause'）.style.display=“block”；
}
如果（操作==‘暂停’）{
document.getElementById（'play'）.style.display=“block”；
document.getElementById（'pause'）.style.display=“无”；
}
}

---

要移动按钮还是要在播放和暂停之间切换？换句话说：你想在暂停出现的时候点击play并使其消失吗？如果你拨弄一下，你的代码似乎工作正常。当然按钮是隐藏的，所以你看不到新的位置。。。是否确实输入了“else if”块？

else if(smode=="pause")
{
    var pau = document.getElementById('pause'); 
    pau.setAttribute('style', 'top:100px;left:150px;');
    document.getElementById("pause").style.visibility = "hidden";
}