क्लास जोड़ना कैसे?

जेसक्रिप्ट के द्वारा क्लास जोड़ने के लिए सीखें

बटन क्लिक करके मुझे क्लास जोड़ें!

क्लास जोड़ें

पहला चरण - एचटीएमएल जोड़ें

क्लास जोड़ें id="myDIV" के डीवी एलीमेंट (इस उदाहरण में, हम बटन को उपयोग करते हैं) को क्लास जोड़ें

<button onclick="myFunction()">सामने प्रयोग करें</button>
<div id="myDIV">
  यह एक डीवी एलीमेंट है.
</div>

दूसरा चरण - सीएसएस जोड़ें

निर्दिष्ट क्लास नाम के शैली निर्धारित करें

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}

तीसरा चरण - जेसक्रिप्ट जोड़ें

प्राप्त करें id="myDIV" के <div> एलीमेंट को और उसमें "mystyle" वर्गः

function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.add("mystyle");
}

स्वयं प्रयोग करें

संबंधित पृष्ठ

शिक्षण सामग्रीःकैसे करें: वर्ग को टॉगल करें

शिक्षण सामग्रीःकैसे करें: वर्ग को मिटाएं

संदर्भ मानचित्रःHTML DOM Element classList गुण

संदर्भ मानचित्रःHTML DOM Element className गुण