如何用javascript隐藏类

Question

如何用javascript隐藏类。如果状态=1，则类显示，如果状态=2，则类隐藏。

<div class="entry-img" id="status">
<img id="txt_img_content_1" alt="" class="img-fluid">
</div>

Answer 1

I thing，该切换可能用于您的情况：

function setStatus(status) {
document.querySelector("#status").classList.toggle("entry-img", status == 1);
}

div {
width: 30px;
height: 30px;
background: #f00;
border-radius: 100%;
}
.entry-img {
background: #0f0;
}

<div id="status"></div>
<button onclick="setStatus(1)">1</button>
<button onclick="setStatus(2)">2</button>

Answer 2

var divElement = document.getElementById("status");
if(status==2){
divElement.classList.remove("entry-img");
}
if(status==1){
divElement.classList.add("entry-img");
}

Answer 3

您可以用这样的代码来完成。

var element = document.getElementById("status");
if(status==2){
element.classList.remove("entry-img");
}
if(status==1){
element.classList.add("entry-img");
}

有关更多信息，您可以参考以下链接https://www.w3schools.com/howto/howto_js_remove_class.asphttps://www.w3schools.com/howto/howto_js_add_class.asphttps://www.w3schools.com/js/js_if_else.asp