Dodaj kolejną klasę do div
Mam funkcję, która sprawdza wiek przesłania formularza, a następnie zwraca nową zawartość do elementu div na podstawie ich wieku. W tej chwili używam getElementById do zamiany zawartości HTML. BUt myślę, że byłoby lepiej dla mnie, gdybym mógł dodać także klasę do div. Na przykład mam.
if (under certain age) {
document.getElementById('hello').innerHTML = "Good Bye";
createCookie('age','not13',0)
return false;
} else {
document.getElementById('hello').innerHTML = "Hello";
return true;
}
Chciałbym mieć wszystko w elemencie div i jeśli zwróci wartość false, to div zniknie i zostanie zastąpiony inną zawartością. Czy mogę znaleźć jakieś pomysły, jak to osiągnąć za pomocą czystego JavaScript. Nie chcę używać jQuery do tej konkretnej funkcji.
Nie znaleziono powiązanych wyników
Zaproszony:
Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się
7 odpowiedzi
Anonimowy użytkownik
Potwierdzenie od:
Anonimowy użytkownik
Potwierdzenie od:
Element.classList
https://developer.mozilla.org/ ... sList
Metoda doda klasę tylko wtedy, gdy jeszcze nie istnieje w elemencie. Nie ma więc potrzeby martwić się o zduplikowane nazwy klas.
Anonimowy użytkownik
Potwierdzenie od:
Widzieć
https://developer.mozilla.org/ ... sName
https://developer.mozilla.org/ ... sName
Anonimowy użytkownik
Potwierdzenie od:
Ponadto może prowadzić do nieoczekiwanych wyników! Rozważ następujące;
Anonimowy użytkownik
Potwierdzenie od:
Chociaż zastanawiam się ... dlaczego nie używasz jQuery? To sprawia, że tego rodzaju problem jest banalnie łatwy.
Anonimowy użytkownik
Potwierdzenie od:
<div class="snippet-code">
<div class="snippet" data-hide="false" data-lang="js">
<pre class="snippet-code-js lang-js prettyprint-override">
<pre class="snippet-code-html lang-html prettyprint-override">
Ten kod nie działa tutaj ... należy dodać do
mu
http://getuikit.com/
Styl UIKit
Anonimowy użytkownik
Potwierdzenie od:
To nie jest idealne rozwiązanie, ale rozwiązało mój problem. Po pokazaniu przedmiotu możesz użyć poniższego kodu.