Eğitm Sayısı :532
AnasayfaJavascriptJavascript Dersleri – querySelectorAll & querySelector| Ders – 5

Javascript Dersleri – querySelectorAll & querySelector| Ders – 5

javascript-dersleri-querySelectorAll-querySelector

document.querySelectorAll

Belirleyicilerin belirtilen grubu ile eşleşen belgedeki öğelerin bir listesin döndürür. Döndürülen nesne bir NodListidir. Döndürülen NodeList, belgede belirtilen seçicilerden herhangi biri tarafından eşleşen tüm öğeleri içerecektir. Seçiciler dizesi bir CSS sahte elemanı içeriyorsa, döndürülen elementList boş olur .

Document.querySelector()

Belirleyicilerin belirtilen grubu ile eşleşen belgedeki ilk Öğeyi döndürür.

var liArray = document.getElementsByTagName(‘li’);
var liSpeciaFieldOdd = document.querySelectorAll(‘li:nth-child(odd)’);//1 3 5 7 ..
var liSpeciaFieldEven = document.querySelectorAll(‘li:nth-child(even)’);//2 4 6 …
h1.addEventListener(‘click’,function(){
h1.style.color=”yellow”;
})

for(var i=0; i<liSpeciaFieldOdd.length; i+=1){

liSpeciaFieldOdd[i].style.color=”green”;
}
for(var i=0; i<liSpeciaFieldEven.length; i+=1){

liSpeciaFieldEven[i].style.color=”red”;
}

Paylaşmak Güzeldir :)
Angular 2 Dersleri |
Eğitimde Web 2.0 Uy

ademyalcin27@gmail.com

Oy
Henüz yorum yapılmadı . İlk sen neden yorum yapmayasın ?

Yorum yap

CAPTCHA (Şahıs Denetim Kodu) Resmi

*