Javascript 单击按钮时显示/隐藏元素

我有两个按钮显示和隐藏，我有一个图像，所以我想知道当我点击隐藏按钮时，img将消失，当我点击显示按钮时，它将再次出现。我不想只使用CSS或JQUERY Javascript。如果有人能帮忙，非常感谢

window.onload=function（）{
var myImg=document.getElementById（'myImg'）；
document.getElementById（'hideBtn'）。onclick=function（）{
myImg.style.display='none'；
};
document.getElementById（'showBtn'）。onclick=function（）{
myImg.style.display=''；
};
document.getElementById（'toggleBtn'）。onclick=function（）{
var display=getComputedStyle（myImg）。display=='none'？''：'none'；
myImg.style.display=显示；
};
}

隐藏
显示
切换

函数显示（）{
document.getElementById（'image'）.style.display=“inline”；
}
函数hide（）{
document.getElementById（'image'）.style.display=“无”；
}

隐藏
Show

谢谢您的回答。这正是我想要的，虽然我不需要切换BTN来写下，但更多信息更好，因为我是javascript新手，所以更多信息对我来说更好，再一次感谢。很抱歉打扰你，但是如果我们有5个列表，在这5个列表中，我们有2个按钮显示/隐藏和1个img呢。我们如何处理img可以显示和隐藏的所有列表？@EndritShala由于ID必须是唯一的，您可能希望改用类，并执行以下操作：