Jak na to – Odebrat třídu
Přečtěte si, jak odstranit název třídy z prvku pomocí JavaScriptu.
Kliknutím na tlačítko ode mě kurz odeberete!
Odebrat třídu
Krok 1) Přidejte HTML:
V tomto příkladu použijeme tlačítko k odstranění třídy "mystyle" z prvku <div> s id="myDIV":
Příklad
<button onclick="myFunction()">Try it</button>
<div id="myDIV"
class="mystyle">
This is a DIV element.
</div>
Krok 2) Přidejte CSS:
Styl zadaného názvu třídy:
Příklad
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
Krok 3) Přidejte JavaScript:
Získejte prvek <div> s id="myDIV" a odeberte z něj třídu "mystyle":
Příklad
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
Tip: Viz také Jak přepnout třídu .
Tip: Viz také Jak přidat třídu .
Tip: Další informace o vlastnosti classList naleznete v naší příručce JavaScript.
Tip: Další informace o vlastnosti className naleznete v naší příručce JavaScript.