• 18-11-2021, 11:58:44
    #1
    Aşağıdaki kodda seçimler hep ID üzerinden yapılmış, ben Class üzerinden yapmak istiyorum, nasıl yapabilirim?

    Mesela mobile-menu-button ID'sini seçmek yerine mobile-menu-button bir Class olsaydı nasıl seçebilirdim?

        var menuBtn = document.getElementById('mobile-menu-button');
        var wrapper = document.getElementById('wrapper');
        var content = document.getElementById('content');
        var toggledClass = 'menu-toggled-slide';
    
    
        menuBtn.addEventListener('click', function() {
          wrapper.classList.toggle(toggledClass);
        }, false);
    
    
        content.addEventListener('click', function() {
          wrapper.classList.remove(toggledClass);
        }, false);
  • 18-11-2021, 12:01:23
    #2
    getElementsByClassName
  • 18-11-2021, 12:01:58
    #3
    var elements = document.getElementsByClassName(names);
  • 18-11-2021, 12:02:40
    #4
    querySelector kullanabilirsin.

    document.querySelector(".classIsmi")
  • 18-11-2021, 12:08:15
    #5
    VBuMaSTeR adlı üyeden alıntı: mesajı görüntüle
    getElementsByClassName
    efsungokmen adlı üyeden alıntı: mesajı görüntüle
    var elements = document.getElementsByClassName(names);
    Bu şekilde çalışmadı, kodun altta kullanıldığı yerde birşeylerin anlamını değiştiriyor ama anlamadım. Şöyle:

    Öncesi:

    Sonrası:


    canyucel adlı üyeden alıntı: mesajı görüntüle
    querySelector kullanabilirsin.

    document.querySelector(".classIsmi")
    querySelector ile yaptım oldu hocam, teşekkürler.

    Sonuç:
  • 18-11-2021, 12:09:24
    #6
    Üyeliği durduruldu
    # yerine . kullanarak
  • 18-11-2021, 12:22:21
    #7
    SkyGhostAir adlı üyeden alıntı: mesajı görüntüle
    Bu şekilde çalışmadı, kodun altta kullanıldığı yerde birşeylerin anlamını değiştiriyor ama anlamadım. Şöyle:

    Öncesi:

    Sonrası:




    querySelector ile yaptım oldu hocam, teşekkürler.

    Sonuç:
    Rica ederim. Diğer arkadaşın belirttiği metod dizi olarak döndürüyor, domda bulunup ve sınıfınızı içeren tüm elementleri içeriyor dizi. Onu ilk elemanı alarak bu şekilde kullanabilirsiniz; document.getElementsByClassName("ornekClass")[0];

    Tavsiyem her zaman querySelector tarafında.
  • 18-11-2021, 12:54:14
    #8
    canyucel adlı üyeden alıntı: mesajı görüntüle
    Rica ederim. Diğer arkadaşın belirttiği metod dizi olarak döndürüyor, domda bulunup ve sınıfınızı içeren tüm elementleri içeriyor dizi. Onu ilk elemanı alarak bu şekilde kullanabilirsiniz; document.getElementsByClassName("ornekClass")[0];

    Tavsiyem her zaman querySelector tarafında.
    Evet şimdi oldu, öğrenmiş oldum bu kullanım şeklini de. Seçeceğim Class'ı 1 defa geçirdiğim için querySelector gayet kullanışlı ama şimdi öğrendiğim bilgi ile 2.'yi 3.'yü seçme gibi şeylerde yapabilirim. Teşekkürler açıklama için.

    Sonuç: