Jak TO — dodać klasę
Dowiedz się, jak dodać nazwę klasy do elementu za pomocą JavaScript.
Kliknij przycisk, aby dodać klasę do mnie!
Dodaj klasę
Krok 1) Dodaj kod HTML:
Dodaj nazwę klasy do elementu div z id="myDIV" (w tym przykładzie używamy przycisku, aby dodać klasę).
Przykład
<button onclick="myFunction()">Try it</button>
<div id="myDIV">
This is a DIV element.
</div>
Krok 2) Dodaj CSS:
Nadaj styl określonej nazwie klasy:
Przykład
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
Krok 3) Dodaj JavaScript:
Pobierz element <div> z id="myDIV" i dodaj do niego klasę "mystyle":
Przykład
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.add("mystyle");
}
Wskazówka: zobacz także Jak przełączyć klasę .
Wskazówka: zobacz także Jak usunąć klasę .
Wskazówka: Dowiedz się więcej o właściwości classList w naszej dokumentacji JavaScript.
Wskazówka: Dowiedz się więcej o właściwości className w naszej dokumentacji JavaScript.