Witam. Jak w najłatwiejszy sposób zrobić usuwanie elementów jeśli istnieją lub dodawanie jeśli nie istnieją. Chodzi mi coś w stylu jeśli przycisk kliknięty to usuń element jeśli istnieje lub dodaj jeśli nie istnieje. Dodam ze to nie jeden div, tylko np. kilka zagnieżdżonych ze sobą divów. Czy mogę to jakoś zrobić ale zapisać cały swój kod html w jakiejś zmiennej i po prostu dodawać i usuwać w zależności czy taki istnieje czy muszę bawić się w create element i zagnieżdżanie kolejnych elementów. Pozdrawiam!
0
0
Możesz to zrobić samym CSSem -> https://jsfiddle.net/a2eo9j83/1/
Jeśli tego potrzebujesz, możesz też ostylować checkboksa tak, żeby wyglądał jak button.
0
iksde napisał(a):
Możesz to zrobić samym CSSem -> https://jsfiddle.net/a2eo9j83/1/
Jeśli tego potrzebujesz, możesz też ostylować checkboksa tak, żeby wyglądał jak button.
Ok a powiedz mi jeszcze jak mogę porównać czy taki element już istnieje?W zamyśle po kliknięciu na button do różnych elementów dodane zostają style jeśli te nie istnieją za pomocą toggle lub usunięte jeśli istnieją, i dodatkowo razem z nimi mają się dodawać te elementy jeśli są lub usuwać jeśli ich nie ma.
0
patryk asasa napisał(a):
iksde napisał(a):
Możesz to zrobić samym CSSem -> https://jsfiddle.net/a2eo9j83/1/
Jeśli tego potrzebujesz, możesz też ostylować checkboksa tak, żeby wyglądał jak button.Ok a powiedz mi jeszcze jak mogę porównać czy taki element już istnieje?W zamyśle po kliknięciu na button do różnych elementów dodane zostają style jeśli te nie istnieją za pomocą toggle lub usunięte jeśli istnieją, i dodatkowo razem z nimi mają się dodawać te elementy jeśli są lub usuwać jeśli ich nie ma.
Możesz sprawdzić czy jakiś element istnieje przy pomocy querySelector, np. var exists = document.querySelectorAll('div.my-class').length !== 0. Jeśli chodzi o style to też da się to sprawdzić w JSie, ale dużo łatwiej (i lepiej) będzie dodawać/usuwać klasę przy interesującym cię elemencie albo po prostu trzymać ten stan w zmiennych w JSie.