• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Tworzenie automatycznej tablicy HTML w JSie

0 głosów
48 wizyt
pytanie zadane 1 grudnia 2020 w JavaScript przez kacper1445 Gaduła (4,370 p.)

Witam. Staram się zrobić kalendarz i przy tworzeniu tablicy, gdzie byłyby dni miesiąca trafiłem na problem. Mianowicie mam tak skronstruowane elementy tej tablicy:

let NewVerse = document.createElement("tr");
let BlankCell = document.createElement("td");

Idę pętlą i wpisuję poszczególne dni miesiąca do BlankCell, automatycznie dodając ją za pomocą appendChild do NewVerse i po 7 dniach dodaję również za pomocą appendChild, NewVerse do tablicy gdzie mieści się kalendarz. Problem jest jednak w tym że za każdym razem jak dodaję BlankCell do NewVerse to nadpisuje się to nad danymi które wcześniej tam były i w wyniku zostaje mi tylko jedna liczba. Ktoś ma jakieś pomysły? Poniżej jest bardzo uproszczony kod jak to wygląda:

BlankCell.innerText = "1";
NewVerse.appendChild(BlankCell);

BlankCell.innerText = "2";
NewVerse.appendChild(BlankCell);
    
MonthDaysTable.appendChild(NewVerse);

 

komentarz 1 grudnia 2020 przez ScriptyChris Mędrzec (168,460 p.)
BlankCell.innerText = "1";
NewVerse.appendChild(BlankCell);
 
BlankCell.innerText = "2";
NewVerse.appendChild(BlankCell);

Czy BlankCell w obu fragmentach jest tym samym obiektem, czy tworzysz go od nowa? Jeśli tym samym, to w powyższym kodzie zmieniasz mu po prostu zawartość tekstową i przenosisz jako ostatni elementNewVerse - stąd pewnie jest efekt nadpisywania, o którym piszesz.

Mógłbyś pokazać cały problematyczny kod? Jeśli jest go dużo to umieść na CodePen/JSFiddle i podaj link.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
1 odpowiedź 503 wizyt
pytanie zadane 13 czerwca 2020 w HTML i CSS przez KumberTwo Dyskutant (8,260 p.)
0 głosów
0 odpowiedzi 49 wizyt
pytanie zadane 2 września 2020 w JavaScript przez syjamski Nowicjusz (120 p.)
0 głosów
1 odpowiedź 66 wizyt
pytanie zadane 15 czerwca 2020 w JavaScript przez Gamin Użytkownik (670 p.)

85,805 zapytań

134,588 odpowiedzi

298,788 komentarzy

56,698 pasjonatów

Advent of Code 2021

Top 15 użytkowników

  1. 494p. - rucin93
  2. 482p. - CC PL
  3. 463p. - nidomika
  4. 385p. - Whistleroosh
  5. 379p. - ScriptyChris
  6. 372p. - adrian17
  7. 340p. - TheLukaszNs
  8. 339p. - WhiskeyTaster
  9. 321p. - Argeento
  10. 318p. - Dagohar
  11. 287p. - Anonim 1794483
  12. 281p. - Klaudia
  13. 278p. - B4mbus
  14. 269p. - b0mbix
  15. 246p. - tokox
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...