getElementsByClassName çalışmıyor?

20-02-2021, 18:55:51

 menum = document.getElementsByClassName('ackapat');
        if (menum.style.left == "0px") {
          document.getElementsByClassName('ackapat').style.left="200px";

id olarak kullandığımda çalışıyor class olarak kullandığımda çalışmıyor. Hata ne olabilir?

20-02-2021, 19:00:19

#2

leaver

menum = document.getElementsByClassName('ackapat')[0];
if (menum.style.left == "0px") {
menum.style.left="200px";
Bu çalışmazsa html elementinizide atarmısınız?

20-02-2021, 19:00:57

#3

azizarslan

ID sayfada tek olur, Class birden fazla olabilir. Bu nedenle getElementById direkt elementi return ederken, getElementsByClassName liste return eder.

Listedeki yerini de belirtmeniz gerekir, mesela ilk ackapa class'lı elementi seçecekseniz document.getElementsByClassName('ackapat')[0] şeklinde kullanmalısınız.

20-02-2021, 19:21:39

#4

profweb

getElementsByClassName

Yani birden fazla elemandır. Index numarası ile öğeyi alabilirsiniz.

20-02-2021, 19:26:25

#5

ethmtrgt

omerbeyofficial adlı üyeden alıntı: mesajı görüntüle

classta element başında . kullanılmalı diye biliyorum

o querySelector için hocam.

20-02-2021, 19:26:49

#6

buddy

Çok faydalı bilgiydi teşekkürler.

leaver adlı üyeden alıntı: mesajı görüntüle

menum = document.getElementsByClassName('ackapat')[0];
if (menum.style.left == "0px") {
menum.style.left="200px";
Bu çalışmazsa html elementinizide atarmısınız?

omerbeyofficial adlı üyeden alıntı: mesajı görüntüle

classta element başında . kullanılmalı diye biliyorum

azizarslan adlı üyeden alıntı: mesajı görüntüle

ID sayfada tek olur, Class birden fazla olabilir. Bu nedenle getElementById direkt elementi return ederken, getElementsByClassName liste return eder.

Listedeki yerini de belirtmeniz gerekir, mesela ilk ackapa class'lı elementi seçecekseniz document.getElementsByClassName('ackapat')[0] şeklinde kullanmalısınız.

profweb adlı üyeden alıntı: mesajı görüntüle

getElementsByClassName

Yani birden fazla elemandır. Index numarası ile öğeyi alabilirsiniz.