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

Tworzenie diva o danej klasie

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
1,156 wizyt
pytanie zadane 14 czerwca 2017 w JavaScript przez Dorian Bajorek Dyskutant (7,920 p.)
Witam otóż chcę stworzyć element div o danej klasie i nie wiem jak do tego użyć metody document.createElement()

4 odpowiedzi

+1 głos
odpowiedź 14 czerwca 2017 przez Ivan Maniak (60,650 p.)

A czemu chcesz dodawać klasy metodą .createElement? Użyj po prostu .classList na elemencie:

  • Tworzysz element (el = document.createElement)
  • Dodajesz klasy (el.classList.add)
  • Wrzucasz do DOM-u (.appendChild) 
komentarz 14 czerwca 2017 przez Dorian Bajorek Dyskutant (7,920 p.)
ja dopiero zaczynam zabawe z JS'em
komentarz 14 czerwca 2017 przez Ivan Maniak (60,650 p.)

Więc mówię Ci, że samym .createElement nie można dodać klasy do elementu, ale można użyć .classList na elemencie i dzięki temu je dodać.

Po tym jak dodasz klasy, możesz wrzucić obiekt do DOM-u za pomocą .appendChild

0 głosów
odpowiedź 14 czerwca 2017 przez Alwox Gaduła (4,840 p.)

Po utworzeniu klasę możesz dodać metodą .className

0 głosów
odpowiedź 14 czerwca 2017 przez pablop76 VIP (123,460 p.)

Witam. Obejrzyj DOM

Ok trzydziestej minuty jest pokazane tworzenie elementów.

0 głosów
odpowiedź 14 czerwca 2017 przez Chess Szeryf (76,710 p.)
<body>

<script>
var element = document.createElement("div");
element.style.background = 'green';
element.style.width='200px';
element.style.height='200px';
element.setAttribute("class","name_class");
document.body.appendChild(element);
</script>

</body>

 

komentarz 14 czerwca 2017 przez Dorian Bajorek Dyskutant (7,920 p.)

dałem już radę.Zrobiłem to tak:

var text=document.getElementById("text").value;
var div=document.createElement("div");
div.classList.add("person");
var list=document.querySelector(".list");
div.innerHTML=text;
list.appendChild(div);

 

Podobne pytania

0 głosów
2 odpowiedzi 1,285 wizyt
pytanie zadane 19 marca 2016 w JavaScript przez Maciek Gamrot Bywalec (2,830 p.)
0 głosów
1 odpowiedź 168 wizyt
pytanie zadane 10 sierpnia 2017 w JavaScript przez Zuluuu Nowicjusz (190 p.)

93,103 zapytań

142,076 odpowiedzi

321,560 komentarzy

62,444 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

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...