Wpis z mikrobloga

Skopiuj link

01.02.2019, 18:54:54

Jak w js zrobić coś na zasadzie jeśli element ma dany atrybut w css to zrób coś.To mi nie działa ;/

 if(li.style.display="block")
 {
 li.style.fontSize += 1;
 }

#webdev
#frontend

g.....d

konto usunięte 01.02.2019, 18:58:03

@WodaDoPicia: == zamiast =

L.....e

konto usunięte 01.02.2019, 18:58:20

@WodaDoPicia: a to li to jeden element węzeł/kolekcja?

schriker

01.02.2019, 18:59:41

li.style.display="block"

@WodaDoPicia: = tu masz przypisanie nie porównanie jak ===

WodaDoPicia

01.02.2019, 19:00:58

mimo wszystko dalej nie działa.

schriker

01.02.2019, 19:01:17

@WodaDoPicia: Style ładujesz z zewnętrznego .css ?

WodaDoPicia

01.02.2019, 19:01:38

li.style.fontSize += 1;
to jest git?
chce dodawać 1px za każdym kliknięciem

nie ..

Wrzuć ten kod na codepena, znając życie próbujesz nadać style na nodeListe. Co ci zwraca console.log(li)?

WodaDoPicia

01.02.2019, 19:05:20

https://codepen.io/gruszek321/pen/ZwKEjp
@gebekzor

schriker

01.02.2019, 19:05:24

@WodaDoPicia: fontSize musisz zwiekszac na zasadzie li.style.fontSize = wartość + 'px';

WodaDoPicia

01.02.2019, 19:07:39

generalnie to ta pętla ma służyc wyswietleniu każdego li, ale też nie działa, bo sie tylko 1 wyswietla, ale to sam jeszcze ogarne

gebekzor

01.02.2019, 19:31:56

@WodaDoPicia: https://codepen.io/anon/pen/jdmEBy

Chanandler

01.02.2019, 19:33:08

@WodaDoPicia:

if (element.style.x === y)

Tylko miej na uwadze, że to będzie działać tylko kiedy element ma przypisany atrybut style. Kiedy nie ma a chcesz wyciągnąć jakąś wartość CSS użyj https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle

rimyi

01.02.2019, 19:49:25

@WodaDoPicia: wyswietla sie tylko jeden bo nie iterujesz po elementach a 10 razy wywolujesz funkcje dla pierwszego elementu zadeklarowanego poza petla.
Nie rozumiem za bardzo sprawdzania czy ma display block linijke po tym, jak to ustawiasz - js dziala synchronicznie.
Style sa stringami, dodatkowo fontstyle okresla sie w sposob '1px', wiec dodajac li.style.fontSize += 1 wynikiem bedzie '1px1'.
Unikaj porownania '==', wprowadza niepotrzebne zamieszanie.
Zamiast for sprobuj forEach.