Tekrar hoşgeldiniz.
Bu videoda bıraktığımız yerden devam edeceğiz.
Öğeleri idare etmenin başka yollarından bahsedmeye devam edeceğiz.
Unutmayın onları seçip sonra manipüle edebiliriz ve bugüne kadar rengi veya stil özelliklerini
nasıl değiştirebildiğimizi ve ayrıca stili etkilemek için sınıf listesini nasıl kullanabildiğimizi gördük.
Bu videoda, her ikisi de metni değiştirmemize izin veren ya da onu
bir sayfada yaşlandıran iki farklı özellik hakkında konuşacağız.
da burada olduğum gibi güçlü bir etiket yerine, metnin kendisini değiştirmek için çapa etiketini değiştirmek istedim.
Öyleyse, bir H1 etiketi yerine içeriği değiştirmek isteseydim ya
Bu videoda nasıl yapılacağını biz de göreceğiz.
İlk özellik metin içeriği denilen şeydir.
Burada görebileceğiniz gibi, bazı metinleri ve Awesome diyor güçlü bir etiketi olan bir paragraf var.
Ve sonra paragrafın geri kalan metni.
Yani bunu Belge Ördek selektörü P ile seçersem bunu bir değişkene kaydettim ve her
zaman öğenin ve metinin HTML etiketleri arasında bir şey olarak tanımlandığını ancak
veriyi içermeyeceğini belirten nokta metin içeriğini etiketleyeceğim.
Böylece geri geldiğini görürsünüz.
Bu harika bir paragraf.
Güçlü etiketleri içermez, bu nedenle yalnızca o paragraftan tüm metni ayıklar.
Ancak birçok katman derinleşmelidir.
Tüm metni kapar ve büyük bir dize döndürür.
Ve tabii ki burada yaptığım gibi metin içeriği de ayarlayabiliriz; burada, metin içeriği eşittir falan filan.
Ve bu metin içeriğini filanca filan sıfırlayacak.
Bu paragrafın içinde.
Tamam, öyleyse devam ettireceğim ve bunu yapmadan önce metin içeriği özelliğini nasıl kullanabileceğimizi göstereceğim.
Örnek demo Tim Sayfamızı yalnızca birkaç daha fazla çizgiyle güncelleyeceğim, böylece birlikte çalışacağımız başka
metinler elde edeceğiz.
Bu yüzden bir UL ekleyeceğim ve bunun içine çiçekleri ekleyelim.
Yani orkideler.
Sukkulamayı yapalım ve laleleri sonlandıralım.
TAMAM.
Buna devam edip bununla uğraşacağız.
Javascript konsolunda.
İşte işte sayfamız üç müttefikimizle olan iyi durumda ve sonra da süper korige
karışımları güçlü etiketi olan bu paragrafa görebildiğiniz kadar süper sevimli.
Evet onlar.
Bu yüzden konsolosluğa gideceğim ve yalnızca P'nin belgeye eşit olduğu bu paragrafı seçerek başlayalım.
Ve benim ilk içgüdüsü her zaman sorgu seçici kullanmaktır, çünkü çok kolay.
Ama bunu yapmayacağım.
Sadece başka bir yol izleyerek daha pratik yapalım.
GET öğelerini etiket adına göre kullanacağım ve bu etiket adı paragraf ve daha sonra hala ilkini sormak
zorunda olduğumuzu hatırlıyorum.
Şimdi P'ye bakarsak o paragrafa sahibiz ve metin içeriğiyle ilgili metin içeriği çalıştırırsak, bize corgi
karışımlarının çok güzel olduğunu söylüyor.
Dolayısıyla, içerideki tüm metinleri alır.
UL de aynı şeyi yapalım, böylece UL var UL'i seçin ve bu sefer
ben queery selector ul'ı kullanacağız.
UL'ye bakalım.
Doğru olanı aldığımızdan emin olun.
Kesinlikle doğru olanı.
Ve bunun üzerine teks içeriği yapalım.
Ve etiketlerden kurtulduğunu görebilirsiniz ve yalnızca UL içindeki saf metin içeriğini alır ve daha sonra
yapabileceğimiz şey de bunu güncellemektir.
Bu nedenle bu biraz tehlikeli aslında, çünkü bu paragrafın metin içeriğini yenilemek
istediğimizi ve korige karışımlarının gerçekten süper çok hoş olduğunu söylemek için onu güncellemek istediğimi diyelim.
eşitleyebilir ve sonra da corgi karışımlarının gerçekten çok güzel olduğunu söyleyebilirim, ancak umarız sorunu görebilirsiniz.
P metin içeriğini
Bu güçlü etiketten kurtulacağım burada.
Enter'a basarsam yazarın üzerine yazar.
Bu öğeyi şimdi beklersek, içeride ne olursa olsun kurtuluşa kapılmamız
çok zorlandı.
Yani metin içeriği bu anlamda biraz tehlikeli, kötü birşeyler koymak için kullanıyorsanız,
bununla ilgili çok dikkatli olmanız gerekir.
Bir öğenin içinde tam olarak neler olduğunu bilmeniz gerekir.
Eğer H varsa. T. korumak istediğiniz e-posta etiketleri, tüm metin içeriğini
bir haber akımı olacak şekilde otomatik olarak ayarlamak istemiyor çünkü her şey siliniyor.
Metin içeriğiyle aynı çizgide çalışan başka bir özellik var, aslında sadece
iki erkek öğeyi sağlam tuttuğu için yalnızca metin ayıklamıyor.
Aslında yapısı her seferinde doğru olarak tutar.
Özelliklere İç HMO denmesi için metin yanı sıra öğeler de geri döndü.
Yani aynı paragrafa sahibiz.
Bu harika etiketler etrafında harika etiketler harika bir paragraf.
Sonra sorgu seçici ile seçeriz ve sonra da tag dot inner h m l'yi çalıştırırız ve
bu, güçlü etiketi orada tutarken harika bir paragrafa sahip olmanızı sağlar.
Bu yüzden sana başka bir örnek göstereceğim ve sayfayı yenileyeceğim, böylece güçlü etiketimizi burada geri alacağım
ve devam edip paragrafı tekrar seçeceğim.
Belge doc sorgu seçici paragraf ve biz çalıştırmak için gidiyoruz.
Önce metin içeriğini inceleyelim ve sonra onun için yapalım.
Ve güçlü etiketi bize geri gönderdiğimizi de görebilirsiniz.
UL ve onun içindeki yalanlar için aynı şeyi yapalım.
Yani var UL, doküman doc sorgu seçici ile eşdeğerdir.
Sen de öyle yapacaksın ve o zaman içsel olacaksın ve biz de etiketleri alacağız.
Dolayısıyla bu yararlıdır ve yaptığımız bazı projelerde bu durumdan yararlanacağımız
birkaç durum görürüz.
Metin, bir etiketin içindekileri değiştirirsek de yararlıdır.
Dolayısıyla genellikle biz onu içten bir şey haline getirmeyeceğiz, çünkü metin içeriğini
ayarlamakla aynı sorunu yaşıyorduk, şu an içimizdeki her şeyi ona kızdırıyordu.
Bu yüzden sana göstereceğim, eğer UL dodu iç HTML'nin şu an bitkilere eşit olduğu söylenebilir.
Metin içeriği için olduğu gibi onu tamamen geçersiz kılar.
Dolayısıyla, yeni öğeler eklemek istersek veya HTML ile etkileşim kurmak istesek, bunu yapmanın başka yolları da olur.
Fakat eğer yapmak istediğimiz tek şey bu ismi değiştirmek.
Dom demomuza hoş geldiniz.
Önce bunu seçebilirsin.
Bu bir H-1.
Ve içinde hiçbirinin bulunmadığını fark ettin.
Bu sadece bir H-1.
Dolayısıyla, metin içeriğini ya da M-L'nin kullandığı enerjiyi kullanabiliriz.
Ancak çoğu insan metin içeriği kullanır, çünkü hepsi metin içeriğidir.
Ve bunu başka bir şey olarak sıfırlayabiliriz.
Yani bu sadece bir belge meselesi olsun, yine de
sorgu seçici yapalım ve bu belge seçici H-1'yi görmeye
alışık olduğunuzdan onu bir değişkene kaydetmeyeceğim ve sonunda zincirleme yapabiliriz nokta metin içeriği ve bu dersin eşit.
Ve yaptığım değişikliklerin yansıtıldığını görebilirsiniz.
Metin içeriğini yeniden özetlemek için, HD M-L'ye belirli bir öğenin içeriğini kapmak için iki farklı
yolu girin, önce onu seçin, sonra onu öfkelendiririz.
Ya da seçilen öğe metin içeriğindeki metin içeriği, yalnızca metni çıkarır ve büyük bir dize dolu metin
döndürür ve ona Mel'i her şeyi bir dizge olarak verir; öylece öğelerden arındırılmış da dahil.
Yani sonunda biraz bonus var.
Bu, hatırlamanızı beklediğim bir şey değil ancak öfkeli HTML ile metin içeriği arasında
bir başka fark var ve bunu burada göstereceğim.
Haydi, bütün vücut datt iç HMO'sunu veren bu döküman gövdesi gibi bir şey deneyelim.
Vücudun tüm HTML'sini alıp alamayacağımız, bunun gibi metin içeriğine girilen veya
bu metin içeriğiyle aynı şeyi yapabilir miyiz ve sayfanızdaki bu üç satıra ait tüm metni alacağız görebilirsiniz.
Yapabileceğim şey, değiştirmek istediğimde bu sayfada her şeyden kurtulmak istedim ki bu
gerçekten iyi bir fikir değil ama isterse ve yeni bir H-1 ve bu H-1
ile değiştirmek istediğimde sadece vücudumdaki metin içeriği bu belgeye benzer bir şey yapabileceğimi yapmak için elveda dedi
ve ben burada bir H-1 etiketi koyabilir ve burada HMO yazıyorum böyle bir şey yapabilirim.
Ve içeri girersem.
Oh hayır aslında çalışmıyor.
Bu nedenle metin içeriği, dizgeyi HMO olarak kabul etmeyecektir.
Onu öfkelendiren aynı şeyi yapsam da H-1 etiketini vermezken tamamen metin olarak
görür.
HMO'sunda.
Aslında bunu bir H-1 olarak işler görebilirsiniz.
Bu bir nüans, ancak metin içeriği size verilen her şeyi ve ne yaparsanız yapın onu yalnızca
metin olarak algılar ve onu içe koyan önemli farktır.
Aslında bunu HM L gibi ele alıp, render etmesi için etiketler verirseniz sayfada görüntülenir.