• 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

Object Storage Arubacloud
0 głosów
167 wizyt
pytanie zadane 1 grudnia 2020 w JavaScript przez kacper1445 Gaduła (4,880 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 (190,190 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ź 1,029 wizyt
pytanie zadane 13 czerwca 2020 w HTML i CSS przez KumberTwo Dyskutant (8,270 p.)
0 głosów
0 odpowiedzi 115 wizyt
pytanie zadane 2 września 2020 w JavaScript przez syjamski Nowicjusz (120 p.)
0 głosów
1 odpowiedź 116 wizyt
pytanie zadane 15 czerwca 2020 w JavaScript przez Gamin Użytkownik (780 p.)

92,573 zapytań

141,423 odpowiedzi

319,648 komentarzy

61,959 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...