క్లాస్లను మార్చే పద్ధతి ఏమిటి
జావాస్క్రిప్ట్ ఉపయోగించి క్లాస్లను జోడించి లేదా తొలగించడం ద్వారా మార్పులు చేయండి.
బటన్ను నొక్కడంద్వారా క్లాస్ పేరును మార్చవచ్చు!
క్లాస్ మార్పులు చేయండి
మొదటి చర్య - హెచ్ఎంఎల్ జోడించండి:
క్లాస్ పేరును జోడించటానికి 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"); }
సంబంధిత పేజీలు
పాఠ్యక్రమంలో ఉంది:如何添加类
పాఠ్యక్రమంలో ఉంది:如何删除类