క్లాస్ తొలగించడం ఎలా?

జావాస్క్రిప్ట్ నుండి క్లాస్ ను తొలగించడాన్ని నేర్చుకోండి.

బటన్ నొక్కి ఈ దాని నుండి ఒక క్లాస్ తొలగించండి!

క్లాస్ తొలగించు

మొదటి చర్య - హెచ్చి కొడించండి:

ఈ ఉదాహరణలో మేము ఒక బటన్ ద్వారా క్లాస్ ను తొలగించాలని చేస్తున్నాము id="myDIV" యొక్క <div> మూలకం నుండి తొలగించండి "mystyle" క్లాస్:

<button onclick="myFunction()">ప్రయత్నించండి</button>
<div id="myDIV" class="mystyle">
  This is a DIV element.
</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.remove("mystyle");
}

మీరే ప్రయత్నించండి

సంబంధిత పేజీలు

పాఠ్యం:如何切换类

పాఠ్యం:如何添加类

పరిచయానికి కొన్ని కురాలు:HTML DOM Element classList 属性

పరిచయానికి కొన్ని కురాలు:HTML DOM Element className 属性