v2.5.2
Giriş yap

Array ile Nasıl Tanımlayabilirim?

ledenav
489 defa görüntülendi
var birs = document.getElementById('bir');
var birs = document.getElementById('iki');
var birs = document.getElementById('üc');
...

Yukarıdakini daha kısa bir şekilde nasıl tanımlayabilirim, Liste uzunsa?
Örneğin birs[0] gibi nasıl erişebilirim?

Cevap yaz
Cevaplar (2)
tayfunerbilen
1123 gün önce

class yaparak kullanmak istersen @oguzhanbyram çözümünü gayet yeterli, id'li bir şey lazımsa şöyle bir fonksiyon tanımla;

function get(...ids) {
  return ids.map(id => document.getElementById(id));
}

kullanırkende şöyle kullan

const [bir, iki, uc] =  get('bir', 'iki', 'uc');

bir.style.background = 'red';
iki.style.background = 'blue';
uc.style.background = 'green';

örnek html

<ul>
  <li id="bir">1. liste</li>
  <li id="iki">2. liste</li>
  <li id="uc">3. liste</li>
</ul>
oguzhanbyram
1124 gün önce

Seçtiğin elemanlara ortak bir seçici verip hepsini seçebilirsin.

Mesela class="bir" dersin ardından aşağıdaki kodda olduğu gibi hepsini seçersin.


    const birds = document.querySelectorAll('.bir')
    
    console.log(birds[0])