Tekrar hoşgeldiniz.
Dolayısıyla bu video biraz farklı olacak.
Dom'u manipüle etmenin yeni yollarını tanıtmayacağız, ancak öğrendiklerimizi alıp birlikte
biraz bir kod yapacağız.
Dolayısıyla Google'ın ana sayfasını kullanacağız.
Bu nedenle Google'ı açmanızı ya da bunu benimle birlikte yapmanızı veya videoyu izledikten sonra kendi
başınıza yapmanızı öneriyorum.
Ve biz sadece logoyu değiştirmek gibi eğlenceli şeyler yapacağız.
Bir kedi yavrusu resmini yapacağız, sadece bu kedi severlerin adil olabilmesi için,
tüm bağlantıları değiştirecek ve böylelikle benzer bir nokta haline geldiler.
Bu derste vurgulamak istediğim nokta, birden çok öğeyi değiştirmek için bir döngü kullanabileceğiz,
böylece her zaman bir şey seçip renklerini değiştirmemizi veya bir resim seçip kaynağını
değiştirmemizi sağlıyoruz.
Tüm görüntüleri seçebilir ve ardından bu listede döngü yapabiliriz ve her biri kendi kaynağını değiştiririz.
Bu yüzden sana burada nasıl yapacağımı göstereceğim.
Bu yüzden basit başlayacağız.
Bu logoyu seçerek başlayalım.
Ayrıca, bu düzenli logonun yerine bir Google Doodle'ı olan bir günde Google'da olmanızın yanısıra
bir de kısa not.
Burada bir görüntü olmayabilir.
Bazen fantezi animasyonlar veya etkileşimli oyunlar var.
Ve bu durumda tuval unsuru gibi bir şey olabilirler.
Dolayısıyla, bu işi yaparsanız, bu bölümü inceleyince bu bölümü seyredebilirsiniz.
gördük, ancak bunu herkesin web sitesinde yapabileceğinizi göstermek için seçeceğim.
Görüntü kaynaklarını nasıl değiştireceğinizi zaten
Bu bir görüntü ve kolaylaştıran bir kimliği var.
HP logosu.
Bu nedenle, seçici hp logosunu sorgulayan, logo eşdeğeri belge olarak
adlandıralım seçelim.
Ve elbette, elementi ID olarak da kullanabilirdik.
Böylece Logo ile eşit oluruz.
Bu yüzden şimdi seçtik.
Ve görüntüyü değiştirmek istiyorsak, kaynağı değiştireceğiz.
Set niteliğini kullanmamız gerekiyor ve sadece görüntü var burada.
Güzel kedi yavrusu.
Bu yüzden ben de şu Kidan'ı alacağım.
Bunu kopyalayacağım ve bunu yapmak için bu logonun güncelleneceğim.
Korku yerine logo dot set özniteliği yapın.
Sadece kaynak yazacağız.
Ve ikinci argüman yeni kaynak ve ben girmek vurdu ve benim güzel küçük kedi Roquette görünmesi olsun.
Böyle bir mesaj alabilirsiniz.
Kullandığınız görüntüye bağlı olarak.
Bu yüzden kısaca bunun ne olduğunu açıklayacağım.
Sadece görünen TTP ile yüklü bir sayfada olduğumuzdan ve kaynağı B olarak
ayarladığınız resmin H TTP olduğunu belirtiyor.
Ve kısa yapmak HTP, HGP'den daha güvenlidir.
Bu yüzden hepsinin HTP olmasından şikayetçi Evet, daha az güvenli bir şey kullanmamalıyız.
Bu gerçekten basit bir versiyon ama yine de yapmamızı sağlıyor.
Burada yapmaya çalıştığımız şey sadece Google ile oynarken büyük bir sorun değil.
Bununla birlikte, kendi başvurunuzda böyle bir şey yapıp kullanmadığınızı düşünmek isteyen
bir şey olsa da bir sorun olur.
Yani içeriğe geri dönün.
Bu kedinin genişliğini ve yüksekliğini değiştirerek orijinal Google logosunun yaptığı alan miktarını
değiştirecek şekilde bulundu.
Aslında yüksekliği 92, başlangıçta iki yüz yetmiş iki buldu.
İşte burada oluyor.
Bunu değiştirmek isteyip istemediğimi görebilirsiniz logo dot stili bir nokta ile çizgi çizip alabilir
ve bunu sadece 500 piksel olarak değiştirebilirim.
Uzandığını görebilir ve ben de aynı şeyi yapabilirim.
Bin piksel olacak şekilde değiştir.
Güzel bir streç pisi edin ve genişliği değiştirebiliriz.
Yüksekliği kast edelim ve 500 ya da fakir kedi yapalım.
Her yerinde uzanıyor.
Öyleyse devam edin ve yüksekliği biraz daha uygun bir şeye ayarlayın.
Yüksekliği yaklaşık 100 piksel ve genişliği yaklaşık 200
olacak şekilde gidelim.
Pekala, şimdi bizim için daha pratik yapmak için çalışacak.
Ayrıca, o resimde bir sınır oluşturalım, böylece stil sınırı eşittir logo, iki piksel
mavimsi bir sınır yapacağız ve bu resim çevresinde muhteşem ortağımız var.
Şimdi, şimdi bir grup öğeyi aynı anda seçen ve başkalarını tek tek yapmak
zorunda kalmadan manipüle etmek için bir döngü kullanan videonun başında tanıttığım şeye devam edelim.
Yapacağımız şey, sayfadaki tüm çapa etiketlerini seçmek.
Bu sayfada bir çok bağlantı var.
Her birini alıp, ref özelliğini, nereye gitsinler, diğer web sitelerine
yönlendiriyoruz.
Başlamak için tüm çapa etiketlerini seçmemiz gerekiyor, bunun için bir sürü yöntemimiz var.
Bağlantıları bağlar diye adlandıracağım ve belge yapacağız.
Bir sorgu mektubu yapabiliriz ancak etiketlerle bağlantı etiketiyle elemanlar alacağım ve eğer bağlantılara
bakarsak, bu sayfada çok fazla şey görebileceğimizi görebiliriz, böylece bunun üzerinden geçeceğiz.
sadece bağlantı yapıp yapamayacağımızı belirten nokta set özniteliği, öznitelikte bir işlevi olmayan link başlattığını söyler.
Biz
Bunun nedeni, bahsedilen özellik yalnızca bağımsız öğeler ve bağlantılar üzerinde mevcut olmasıdır.
Bu düğüm koleksiyonu mu var.
Dolayısıyla, nesne gibi başka herhangi bir dizi üzerinden dönecekmiş gibi dolaşmam gerekiyor.
Bu yüzden her biri için kullanamıyorum çünkü gerçek bir dizi değil.
Dolayısıyla bir for döngüsü kullanmam gerekiyor veya teknik olarak while döngüsü kullanabiliyorum.
Çoğu kişi bir for döngüsü kullanır.
1 ekleyecek ve daha sonra döngü içinde her bir link linkine erişeceğiz Hi.
Yani, sıfıra sıfır eşittir linkler bu uzunluk ve
Ve sadece metin içeriğini basarak başlayalım.
Bu metin içeriğini birbirine bağlar ve o günlüğünü iptal ederiz.
Dolayısıyla bu, bir sürü öğe ile döngü oluşturan ve belki konsoldan basarak
değil, bir şekilde göstererek veya rengini değiştiren bir şey değiştiren bir şey yaparak ortak bir desen.
Bu yüzden enter'a basar ve bunun sayfadaki tüm linklerin metin içeriği olduğunu görebilirsiniz.
Böylece fotoğraf gibi şeyleri bildireceğiz ve Google artı çevirme oynamaya başlayacağız. YouTube'un tüm bu bağlantıları bu sayfanın
bir yerinde bulunuyor ve bu Google'ın ana sayfa olduğunu anlamanıza yardımcı oluyor.
Dolayısıyla, yukarı okun bir parçasını basmaktan ve bu döngüye geri dönmektense,
stilleri değiştirerek başlayalım; böylece uzunlukları daha kolay bir hale getirelim ve
etraflarında bir sınır oluşturalım. .
Bu yüzden konsolumun logundan kurtulacağım ve ben vaşak stili yapacağım ve arka
planı başlayacak ve pembe hale getireceğiz.
Ve içeri girersek, konsolu kapatacağımızı göreceksin.
Sayfadaki tüm bağlantılar şimdi Pembe.
Pembe bir arka plan var.
Yani burada olan şey bir bağlantı.
Bu nafların tamamı, oturum açma düğmesindeki öğelerdir.
Ayrıca bir bağlantı.
Bu yüzden bir şey daha yapalım.
Hadi tekrar geçelim.
Yukarı okuna basın ve birkaç şey yapalım o halde stil yapalım.
Sınır bir piksele eşit ve mor koyu sarı yapalım.
Ve bir sonraki satırda stil ve renk turuncu olacak şekilde değiştirelim.
Böylece bu ikisi vurdu.
Ayrıca, bu gerçekten güzel bağlantıları sayfanıza pembe arka planda, sadece normal bir sınır olmakla kalmayan küçük mor renkli sınıra
da getireceğimizi görebilirsiniz.
Çok gösterişli.
Ve orada turuncu bir metin var.
Ancak bunları tıklarsak, tuzakların henüz değişmediğini görebilir ve bu onları değiştirmediğimiz için
mantıklı olur.
Bu yüzden hepsini WDW'ye gitmek için değiştirmek istiyorum.
Nokta haline gelmek, konferansa katılmak zorunda. Ve zaten bağlantılarım seçilmiştim.
Bu devasa koleksiyonda zaten o döngü var ve bu yüzden onu tekrar kullanacağım.
Ve bunu tekrarlamak sadece çok şey yapacak.
Dolayısıyla, her biri için bir tane kullanamayacağımız bu dört döngüyü yazabiliyorsanız, rahat olun.
Dolayısıyla bir for döngüsü kullanmak zorundayız.
Bunu her zaman yaparız.
Ve buradan itibaren Jey sorgusuna ulaşana kadar bu tür bir satıra çok şey yazacağız.
Böylece biz de I'yi bağlayacağız.
Ve biz de başlayacağız, ancak her ışığın gidip o günlüğü iptal ettiği yere basacağız.
Ayrıca, atra'nın günlük kaydetme özelliğini iptal edeceğiz.
Aynen böyle.
Ve teknik olarak bunu icat etmemiz gerekmiyor, ancak sadece görebilmeniz sizin için daha kolay.
Ve burada görmek için sürekli günlük kapanış metnini gözden kaçırıyoruz ve şimdi tüm bağlantıların bir
listesini alıyoruz ve bazılarını görebildiğinizden ilginç.
Bu, bu şeyin bağlantısını javascript ileri doğru sıfır veya hayırdır.
bazıları buna benzer göreli yollardır ve burada bazıları burada olduğu gibi mutlaktır.
Dolayısıyla bazıları sadece boştur, bazıları ayrı web sitelerine gitmeyen 8 Tref'le ya da
TAMAM.
Şimdi onları değiştirelim.
Compton-Rock blog bağlantıları özniteliği ayarladım ve sürekli olarak set özniteliğini günlüğe kaydettirmek zorunda değilsiniz.
Ve onları HPF'yi W olarak değiştirmek istediğimiz HGF olarak değiştirmek istiyoruz. W. İşte böyle HTP kolon eğik çizgi BW nokta Bing dot com bunu yapıyor.
Ve içeri girdik.
Hiçbir şey değişmiş gibi görünmüyor.
Bağlantılar yazarsak, sahip olduğumuz şeylere bakarız.
Artık her biri nokta com olmaya
gider ve biz de bir inceleyebiliriz ve eleman müfettişi görebilirsiniz dot com olmak gider.
Ve bunu test etmek için yaptığımız son şey bir tane seçmektir.
Bu yüzden hızlıca oturum açma düğmesini tıklayın veya Gmail'den çıkalım ve bunun benim için olduğu kadar açıldığını görebilirsiniz.
Özetlemek gerekirse, bir sürü şey seçtik ve bir toplama koleksiyonu seçtik ve
o koleksiyonda bir for döngüsü ile döngü kurduk ve sonra for
döngüsü içerisinde her bir öğeye bir şeyler yapıp hepsine tekrar edeceğiz.
20-30 fark uzunluğunu bilmediğim için uygulandı.
Arka plan rengini kenar boşluğunu yazı tipi rengini değiştirdim ve ref değerini değiştirdik ve sadece birkaç satır yazmak zorunda kaldık ve bu sayfada
Bu, önümüzdeki birkaç videoda çok şey kullanacağımız bir model.