Jak na to – Přidat třídu
Přečtěte si, jak přidat název třídy k prvku pomocí JavaScriptu.
Kliknutím na tlačítko ke mně přidáte třídu!
Přidat třídu
Krok 1) Přidejte HTML:
Přidejte název třídy do prvku div pomocí id="myDIV" (v tomto příkladu používáme tlačítko k přidání třídy).
Příklad
<button onclick="myFunction()">Try it</button>
<div id="myDIV">
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 přidejte k němu třídu "mystyle":
Příklad
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.add("mystyle");
}
Tip: Viz také Jak přepnout třídu .
Tip: Viz také Jak odebrat 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.