如何使用Javascript将类添加到class =“demo”div中的按钮？

Question

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

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

我想使用Javascript参考演示类，将类 popupnew 添加到按钮。

Answer 1

简单地

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

解释

• 使用querySelector

访问该元素

• 使用classList.add

添加课程

<强>演示

＆＃13;

＆＃13;

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

＆＃13;

.popupnew {
  color: red;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

＆＃13;

＆＃13;

//javascript
var d = document.getElementById("btn");
d.className += "popupnew";


//or jquery

$().ready(function() {
  $(".demo button").addClass('popupnew1');
});

＆＃13;

.popupnew {
  color: red;
}

.popupnew1 {
  color: green;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <button id="btn">Inquire Now</button>
</div>

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

＆＃13;

＆＃13;

＆＃13;