Şu eğitimden: JavaScript Temel Eğitimi
Ücretsiz deneme süresi ile, bu eğitime erişin
Sektör uzmanları tarafından verilen 23.200 adetten fazla eğitime erişmek için hemen katılın.
Öğelere querySelector yöntemleriyle erişme - JavaScript Eğitimi
Şu eğitimden: JavaScript Temel Eğitimi
Öğelere querySelector yöntemleriyle erişme
- [Eğitmen] JavaScript kullanarak DOM'daki öğelere nasıl erişileceğine bir göz atalım. Bu filmin alıştırma dosyalarında, örneklerimizi güncelledim, böylece üzerinde çalışabileceğimiz bazı gerçek içeriklerimiz var. Dizine bazı temel HTML ve stil sayfası ekledim.html ve ayrıca şablon değişmez değerindeki HTML çıktısını, stil oluşturmayı mümkün kılmak için biraz genişlettim. Bazı sınıflar ekledim. Değerlerin etrafına açıklıklar sardım ve ayrıca buraya en üste bir resim ekledim. Göreceğiniz tarayıcıdaki proje sitesine baktığınızda oldukça farklı görünüyor ancak JavaScript açısından burada yeni bir şey yok. Kursta şimdiye kadar ele aldıklarımızı genişlettim. Tamam, DOM'da bir şey yapmak istediğinizde, çalışmak istediğiniz öğeyi veya öğeleri bularak başlarsınız. Bunun için iki yöntemimiz var: sorgu seçici ve sorgu seçicinin tümü. Ve her ikisi de belge nesnesi için geçerlidir. Bu yöntemler, DOM ağacında gezinmek ve belirtilen öğeleri bulmak için standart CSS sorgularını kullanır…
Deneme dosyaları ile uygulama yaparken öğrenin
Eğitmenin dersi öğretmek için kullandığı dosyaları indirin. İzleyerek, dinleyerek ve uygulama yaparak öğrenin.
İçerikler
-
-
-
-
-
-
-
(Kilitli)
DOM: Belge Nesne Modeli4 dakika 7 saniye
-
(Kilitli)
Öğelere querySelector yöntemleriyle erişme6 dakika 6 saniye
-
(Kilitli)
Daha eski yöntemleri kullanarak öğelere erişin3 dakika 45 saniye
-
(Kilitli)
Uygulama: Bir öğe bulun1 dakika 29 saniye
-
(Kilitli)
Öğe sınıflarını değiştirme4 dakika 53 saniye
-
(Kilitli)
Nitelikler4 dakika 13 saniye
-
(Kilitli)
Satır içi stil3 dakika 52 saniye
-
(Kilitli)
Uygulama: Sınıfları, nitelikleri ve stilleri değiştirin1 dakika 36 saniye
-
(Kilitli)
DOM öğeleri ekle5 dakika 25 saniye
-
(Kilitli)
Meydan okuma: Yeni bir öğe ekle1 dakika 45 saniye
-
(Kilitli)
Çözüm: Yeni bir öğe ekle2 dakika 55 saniye
-
(Kilitli)
-
-
-
-
-
-