如何将类添加到class="；的div内的按钮；“演示”；使用Javascript？

我想使用Javascript将类添加到div内的按钮

 <div class="demo">
     <button>Inquire Now</button>
 </div>

现在查询

我想将classpopupnew添加到按钮中，以引用使用Javascript的演示类。

很简单

 <div class="demo">
     <button>Inquire Now</button>
 </div>

document.querySelector( ".demo button" ).classList.add( "popupnew" );

解释

• 使用

• 使用添加类

演示

document.querySelector（“.demo按钮”）.classList.add（“popupnew”）
.popupnew{
颜色：红色；
}

现在查询

//javascript
var d=document.getElementById（“btn”）；
d、 className+=“popupnew”；
//或jquery
$（）.ready（函数（））{
$（“.demo按钮”）.addClass（'popupnew1'）；
});
.popupnew{
颜色：红色；
}
.popupnew1{
颜色：绿色；
}

现在查询
现在查询
d.className+=“popupnew”
不会在类名之间添加空格（必需）…还要注意，
$（）.ready（）
不是有效的处理程序。使用
$（document）.ready（）
或
$（function（）{}）
嘿，谢谢你的回答。如果我想在按钮中附加类，如果有一些类存在的话@Gurvinder372这是一个新问题，那么请将其与相关代码分开发布？未捕获的TypeError:无法读取（索引）214处null的属性“classList”@gurvinder372@Rahgav我添加了一个演示。