Javascript 如何隐藏类名动态更改的div元素？

在模态打开之前：

<div class="classname1">Some Text</div>

一些文本

modal关闭后：

<div class="classname1 classname2">Some Text</div>

一些文本

您可以参考我的示例代码

函数addClass（）{
var div=document.getElementsByClassName（“classname1”）[0]；
div.classList.add（'classname2'）；
}

.classnam1{
字体大小：粗体；
}
.classname2{
颜色：红色；
}

一些文本
去

您可以通过获取元素的

类列表的长度来检查新的类名

首先设置元素的
classList
的初始长度并进行比较


var initiallen=0；
var div=document.querySelector（“div”）；
initiallen=div.classList.length；
函数检查（）{
返回initiallen===div.classList.length？false:true；
}
一些文本
添加新类名
由于您的问题不清楚，请选中
，前提是您希望在某些功能上添加和删除类

我在这里使用jQuery创建了一个提琴示例

HTML

jQuery

var banner = $("#banner-message")
var button = $('#addStyle');
var button1 = $('#removeStyle');

// handle click and add class
button.on("click", function(){
  banner.addClass("alt")
})

button1.on("click", function(){
  banner.removeClass("alt")
})

您可以向该元素添加自定义属性，并在需要时使用它隐藏该元素

Html代码



<div class="classname" cust_attr="attr_1">Some Text</div>
一些文本
请清除您的问题请提供classname1和classname2的css代码
var banner = $("#banner-message")
var button = $('#addStyle');
var button1 = $('#removeStyle');

// handle click and add class
button.on("click", function(){
  banner.addClass("alt")
})

button1.on("click", function(){
  banner.removeClass("alt")
})



<div class="classname" cust_attr="attr_1">Some Text</div>