క్లాస్లను మార్చే పద్ధతి ఏమిటి

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

బటన్ను నొక్కడంద్వారా క్లాస్ పేరును మార్చవచ్చు!

క్లాస్ మార్పులు చేయండి

మొదటి చర్య - హెచ్ఎంఎల్ జోడించండి:

క్లాస్ పేరును జోడించటానికి id="myDIV" డివ్ మూలకాల మధ్య మార్పులు చేయండి (ఈ ఉదాహరణలో మేము బటన్ను ఉపయోగించి క్లాస్ పేరును మార్చుతున్నాము).

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

స్వయంగా ప్రయత్నించండి

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

పాఠ్యక్రమంలో ఉంది:如何添加类

పాఠ్యక్రమంలో ఉంది:如何删除类

参考手册:HTML DOM Element classList 属性