Logowanie

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,400 p.)

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

+1 głos

1 odpowiedź 287 wizyt

Jak do dynamicznie dodawanej nowej pozycji listy rownocześnie dodać element o danej klasie?

pytanie zadane 24 czerwca 2016 w JavaScript przez piotr.michal Nowicjusz (160 p.)

0 głosów

2 odpowiedzi 1,260 wizyt

Zamiana tekstu w każdym divie o danej klasie

pytanie zadane 19 marca 2016 w JavaScript przez Maciek Gamrot Bywalec (2,830 p.)

0 głosów

1 odpowiedź 164 wizyt

Tworzenie zmiennej w klasie

pytanie zadane 10 sierpnia 2017 w JavaScript przez Zuluuu Nowicjusz (190 p.)

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...

Tworzenie diva o danej klasie

Zaloguj lub zarejestruj się, aby skomentować.

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

4 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci