Zmienianie nazwy klasy po każdym wykonaniu pętli.

Question

Witam!

Zrobiłem prosty skrypt który dodaje divy w zależności od wartości zmiennej.

var liczba= 20;

for(var i=0; i<liczba; i++){
                var uchwyt = document.getElementById('przekaz');
                  uchwyt.innerHTML += '<div class="tekst1">Jakiś tekst</div>';
            }

W jaki sposób mogę podczas każdego wykonania pętli inkrementować jego liczbę  zapisaną w nazwie klasy "tekst1". Chodzi mi żeby każda następna klasa miała wyższą liczbę po wykonaniu pętli. Coś w stylu:  "tekst 1" potem "tekst 2" itd. Bardzo zależy mi żeby było to napisane w czystym JS.

Comments

Ale pytanie co chcesz tym osiągnąć? jeśli będziesz w trakcie iteracji zmieniał nazwę klasy to i tak tego nie zauważysz, iteracja jest bardzo szybka więc nie bardzo rozumiem co taki skrypt ma robić. De facto jak otworzysz stronę w przeglądarce to będziesz miał div z klasą tekst20 i co Ci da, że mikro sekundy wcześniej było 19, 18, 17 itd.?

Chyba gdzieś robisz błąd logiczny, Powiedz co dokładnie chcesz osiągnąć zmieniając klasy.

Chyba, że chcesz żeby np. co 500ms zmieniała się klasa i tak od klasa1 do klasa2, ale wtedy również pytanie po co? Jeśli to jakaś animacja to lepiej może z @keyframes i nie kombinować z JS niepotrzebnie?

---

Robię aplikację mobilną za pomocą cordovy. Chcę zrobić tyle klas ile jest kontaktów w telefonie, a potem dodawać do środka tych klas dodawać numery telefonów.

Answer 1

Chodzi Ci o coś takiego?

https://codepen.io/anon/pen/brwmoV?editors=1010#0

 

Tylko, że to wg mnie rozwiązanie trochę bez sensu z założenia. Po co tyle razy odświeżać DOM. Nie znam cordovy ale nie lepiej po prostu te dane wrzucić do tablicy i tam je trzymać, albo jako obiekt i iterować sobie po obiekcie po prostu (lub tablicy, ale ona de facto też jest obiektem) ?

Ewentualnie czy nie lepiej po prostu pobrać z tablicy wszystkie dane i za jednym razem dodać je do DOM, np. używając createDocumentFragment i dopiero to na koniec dać jako nowy element pod div id="przekaz"?

Comments

Dzięki mistrzu :).