క్లాస్ జోడించడం ఎలా?

క్లాస్ జోడించండి

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

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

<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.add("mystyle");
}

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

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

శిక్షణా పుస్తకం:如何切换类

శిక్షణా పుస్తకం:如何删除类

సూచనా పుస్తకం:HTML DOM Element classList 属性

సూచనా పుస్తకం:HTML DOM Element className 属性