Javascript 隐藏图像并显示它

我有

它加载在我的html中，但是我想隐藏它，我想显示一个触发器。我打这个的时候,

var sanmigBottle = document.createElement('sanmigBottle');
sanmigBottle.id="sanmigBottle";
sanmigBottle.width="25%";
sanmigBottle.src='sanmigbottle.png';
sanmigBottle.onmousedown="showLibraryInfo()" ;
sanmigBottle.ontouchstart="showLibraryInfo()"  ;
sanmigBottle.align = "middle";
sanmigBottle.style= "-webkit-transform: rotate(350.77259795507035deg) translateZ(0px);'";

它不起作用。我该怎么做？我是JS新手，谢谢。

你应该使用

sanmigBottle.style.visibility="hidden";

你应该使用

sanmigBottle.style.visibility="hidden";

---

您必须将

display

设置为

none

：

sanmigBottle.style.display = 'none';

然后再次将其设置为

block

或其他设置，使其再次可见：

sanmigBottle.style.display="none";

---

您必须将

display

设置为

none

：

sanmigBottle.style.display = 'none';

然后再次将其设置为

block

或其他设置，使其再次可见：

sanmigBottle.style.display="none";

---

首先检查图像的状态：

sanmigBottle.style.display="block";

---

然后应用可见性。

首先检查图像的状态：

sanmigBottle.style.display="block";

然后应用可见性。

尝试使用Jquery

function showhide() {
    var img = document.getElementById('someimage');
    if (img.style.visibility === 'hidden') {
        // Currently hidden, make it visible
        img.style.visibility = "visible";
    } else {
        // Currently visible, make it hidden
        img.style.visibility = "hidden";
    }
}

//创建元素
var Sanmigball=$（''）；
//添加到文档并在上下文中存储对象
var context=sanmigbalket.appendTo（$（'Document'）；
//隐藏对象
context.fadeOut（）；

尝试使用Jquery

function showhide() {
    var img = document.getElementById('someimage');
    if (img.style.visibility === 'hidden') {
        // Currently hidden, make it visible
        img.style.visibility = "visible";
    } else {
        // Currently visible, make it hidden
        img.style.visibility = "hidden";
    }
}

//创建元素
var Sanmigball=$（''）；
//添加到文档并在上下文中存储对象
var context=sanmigbalket.appendTo（$（'Document'）；
//隐藏对象
context.fadeOut（）；

---

它仍会显示：（@MiguelRivera也许你可以设置一个？这样我们可以理解它为什么不工作。它仍然显示。：（@MiguelRivera也许你可以设置一个？这样我们可以理解它为什么不工作。它仍然显示。：（你能制作一个JSFIDLE以便我们可以体验吗？它仍然显示。：（你能制作一个JSFIDLE以便我们可以体验吗？