Array ile Nasıl Tanımlayabilirim?
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?
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (2)
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>
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])