如何添加类

学习如何使用 JavaScript 将类名添加到元素。

单击按钮为我添加类!

Ongeza kikundi

Tathmini mbili - Ongeza HTML:

Ongeza kikundi kwa id="myDIV" kina ya div (katika mivuno hii, tumetumia gari kuongeza kikundi).

<button onclick="myFunction()">Jifunze</button>
<div id="myDIV">
  This is a DIV element.
</div>

Tathmini mbili - Ongeza CSS:

Ongeza maelezo ya kikundi kingine:

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

Tathmini tatu - Ongeza JavaScript:

Pata id="myDIV" ya <div> kina, na kuongeza kwa kina hii "mystyle" Mikundi:

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

Jifunze tena

Paje za pengine

Mafunzo:Kuhukamilika: Kusikia kwa kusoma

Mafunzo:Kuhukamilika: Kusikitisha kwa kusoma

Kikia cha maelezo:HTML DOM Element classList kina

Kikia cha maelezo:HTML DOM Element className kina