Jak stworzyć znaczniki 'nav', 'ul' i 'li' za pomocą javascriptu?

Question

https://codepen.io/adan96/pen/QPxZKK?editors=1010

Wrzuciłem mój kod na codepen.io. Po kliknięciu na przycisk pojawia się tylko jedno 'li' z tekstem "Lorem Ipsum", a chciałbym, aby pojawiało się sześć taj jak w linku.

Poproszę o pomoc.

Answer 1

1.Nie załączyłeś odnosnika do pliku js w htmlu. 2. getElemtentsBytagname zwraca tablice elemntow. Uzyj tego: var legia = document.getElementsByTagName("section")[0]; Sorry ze nie dodaje kodu ale pisze z telefonu

Comments

Czyli brakuje:

<script src="sciezka/do/pliku.js"></script>

;)

---

Tak,sprawdz jeszcze moj kom bo dopisalem co jest jeszcze zle

---

@hans001 przeczytałem. Masz rację. Swoją drogą nie jest bezpiecznie pobierać przez JS elementu po tagu, bo sekcji na stronie możesz mieć wiele i nie masz pewności, że zawsze pobrana sekcja będzie tą, która chcesz zmieniać (getElemntsByTagName zwróci tablicę, która zostanie wypełniona elementami w takiej kolejności, w jakiej są podane w kodzie i możesz kiedyś przez przypadek stworzyć sekcję przed tą sekcją, którą chcesz modyfikować. Albo zrobi to ktoś inny w Twoim zespole. I JS będzie działać źle ;) )

Dlatego proponuję nadać tej sekcji id i użyć np. getElementById() albo querySelector. Wtedy masz pewność, że pobierasz i modyfikujesz odpowiedni element i możesz spokojnie rozbudowywać stronę :)