Tworzenie diva o danej klasie

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

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

odpowiedź 14 czerwca 2017 przez Alwox Gaduła (4,840 p.)

odpowiedź 14 czerwca 2017 przez pablop76 VIP (123,580 p.)

odpowiedź 14 czerwca 2017 przez Chess Szeryf (76,730 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);