1
00:00:00,300 --> 00:00:01,040
Tekrar hoşgeldiniz.

2
00:00:01,050 --> 00:00:03,240
Bu videoda bıraktığımız yerden devam edeceğiz.

3
00:00:03,240 --> 00:00:07,020
Öğeleri idare etmenin başka yollarından bahsedmeye devam edeceğiz.

4
00:00:07,020 --> 00:00:12,420
Unutmayın onları seçip sonra manipüle edebiliriz ve bugüne kadar rengi veya stil özelliklerini

5
00:00:12,420 --> 00:00:17,330
nasıl değiştirebildiğimizi ve ayrıca stili etkilemek için sınıf listesini nasıl kullanabildiğimizi gördük.

6
00:00:17,640 --> 00:00:22,050
Bu videoda, her ikisi de metni değiştirmemize izin veren ya da onu

7
00:00:22,050 --> 00:00:24,770
bir sayfada yaşlandıran iki farklı özellik hakkında konuşacağız.

8
00:00:24,780 --> 00:00:31,080
da burada olduğum gibi güçlü bir etiket yerine, metnin kendisini değiştirmek için çapa etiketini değiştirmek istedim.

9
00:00:31,350 --> 00:00:35,040
Öyleyse, bir H1 etiketi yerine içeriği değiştirmek isteseydim ya

10
00:00:35,040 --> 00:00:37,030
Bu videoda nasıl yapılacağını biz de göreceğiz.

11
00:00:37,410 --> 00:00:40,590
İlk özellik metin içeriği denilen şeydir.

12
00:00:41,190 --> 00:00:47,430
Burada görebileceğiniz gibi, bazı metinleri ve Awesome diyor güçlü bir etiketi olan bir paragraf var.

13
00:00:47,520 --> 00:00:50,090
Ve sonra paragrafın geri kalan metni.

14
00:00:50,160 --> 00:00:57,900
Yani bunu Belge Ördek selektörü P ile seçersem bunu bir değişkene kaydettim ve her

15
00:00:57,900 --> 00:01:04,500
zaman öğenin ve metinin HTML etiketleri arasında bir şey olarak tanımlandığını ancak

16
00:01:04,620 --> 00:01:08,210
veriyi içermeyeceğini belirten nokta metin içeriğini etiketleyeceğim.

17
00:01:08,430 --> 00:01:09,870
Böylece geri geldiğini görürsünüz.

18
00:01:09,870 --> 00:01:11,760
Bu harika bir paragraf.

19
00:01:11,760 --> 00:01:18,110
Güçlü etiketleri içermez, bu nedenle yalnızca o paragraftan tüm metni ayıklar.

20
00:01:18,270 --> 00:01:20,240
Ancak birçok katman derinleşmelidir.

21
00:01:20,280 --> 00:01:23,620
Tüm metni kapar ve büyük bir dize döndürür.

22
00:01:24,120 --> 00:01:30,310
Ve tabii ki burada yaptığım gibi metin içeriği de ayarlayabiliriz; burada, metin içeriği eşittir falan filan.

23
00:01:30,510 --> 00:01:33,830
Ve bu metin içeriğini filanca filan sıfırlayacak.

24
00:01:33,870 --> 00:01:35,270
Bu paragrafın içinde.

25
00:01:35,460 --> 00:01:40,140
Tamam, öyleyse devam ettireceğim ve bunu yapmadan önce metin içeriği özelliğini nasıl kullanabileceğimizi göstereceğim.

26
00:01:40,350 --> 00:01:46,500
Örnek demo Tim Sayfamızı yalnızca birkaç daha fazla çizgiyle güncelleyeceğim, böylece birlikte çalışacağımız başka

27
00:01:46,500 --> 00:01:47,940
metinler elde edeceğiz.

28
00:01:47,970 --> 00:01:55,740
Bu yüzden bir UL ekleyeceğim ve bunun içine çiçekleri ekleyelim.

29
00:01:55,860 --> 00:01:57,500
Yani orkideler.

30
00:01:57,900 --> 00:02:04,700
Sukkulamayı yapalım ve laleleri sonlandıralım.

31
00:02:04,730 --> 00:02:05,260
TAMAM.

32
00:02:05,400 --> 00:02:06,560
Buna devam edip bununla uğraşacağız.

33
00:02:06,560 --> 00:02:09,680
Javascript konsolunda.

34
00:02:09,840 --> 00:02:16,800
İşte işte sayfamız üç müttefikimizle olan iyi durumda ve sonra da süper korige

35
00:02:16,800 --> 00:02:22,380
karışımları güçlü etiketi olan bu paragrafa görebildiğiniz kadar süper sevimli.

36
00:02:22,560 --> 00:02:24,340
Evet onlar.

37
00:02:24,340 --> 00:02:31,800
Bu yüzden konsolosluğa gideceğim ve yalnızca P'nin belgeye eşit olduğu bu paragrafı seçerek başlayalım.

38
00:02:32,280 --> 00:02:36,740
Ve benim ilk içgüdüsü her zaman sorgu seçici kullanmaktır, çünkü çok kolay.

39
00:02:36,900 --> 00:02:38,470
Ama bunu yapmayacağım.

40
00:02:38,580 --> 00:02:41,410
Sadece başka bir yol izleyerek daha pratik yapalım.

41
00:02:41,460 --> 00:02:50,550
GET öğelerini etiket adına göre kullanacağım ve bu etiket adı paragraf ve daha sonra hala ilkini sormak

42
00:02:50,550 --> 00:02:52,320
zorunda olduğumuzu hatırlıyorum.

43
00:02:52,690 --> 00:03:01,620
Şimdi P'ye bakarsak o paragrafa sahibiz ve metin içeriğiyle ilgili metin içeriği çalıştırırsak, bize corgi

44
00:03:01,620 --> 00:03:04,320
karışımlarının çok güzel olduğunu söylüyor.

45
00:03:04,320 --> 00:03:06,510
Dolayısıyla, içerideki tüm metinleri alır.

46
00:03:06,870 --> 00:03:13,650
UL de aynı şeyi yapalım, böylece UL var UL'i seçin ve bu sefer

47
00:03:15,470 --> 00:03:17,770
ben queery selector ul'ı kullanacağız.

48
00:03:18,150 --> 00:03:19,280
UL'ye bakalım.

49
00:03:19,320 --> 00:03:21,570
Doğru olanı aldığımızdan emin olun.

50
00:03:21,570 --> 00:03:22,820
Kesinlikle doğru olanı.

51
00:03:22,980 --> 00:03:26,640
Ve bunun üzerine teks içeriği yapalım.

52
00:03:27,330 --> 00:03:35,030
Ve etiketlerden kurtulduğunu görebilirsiniz ve yalnızca UL içindeki saf metin içeriğini alır ve daha sonra

53
00:03:35,040 --> 00:03:37,440
yapabileceğimiz şey de bunu güncellemektir.

54
00:03:37,440 --> 00:03:42,780
Bu nedenle bu biraz tehlikeli aslında, çünkü bu paragrafın metin içeriğini yenilemek

55
00:03:42,780 --> 00:03:49,070
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.

56
00:03:49,440 --> 00:04:00,630
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.

57
00:04:00,630 --> 00:04:02,600
P metin içeriğini

58
00:04:02,670 --> 00:04:05,890
Bu güçlü etiketten kurtulacağım burada.

59
00:04:06,090 --> 00:04:09,180
Enter'a basarsam yazarın üzerine yazar.

60
00:04:09,180 --> 00:04:14,610
Bu öğeyi şimdi beklersek, içeride ne olursa olsun kurtuluşa kapılmamız

61
00:04:14,600 --> 00:04:15,490
çok zorlandı.

62
00:04:15,600 --> 00:04:20,280
Yani metin içeriği bu anlamda biraz tehlikeli, kötü birşeyler koymak için kullanıyorsanız,

63
00:04:20,280 --> 00:04:22,690
bununla ilgili çok dikkatli olmanız gerekir.

64
00:04:22,710 --> 00:04:24,880
Bir öğenin içinde tam olarak neler olduğunu bilmeniz gerekir.

65
00:04:24,900 --> 00:04:30,420
Eğer H varsa. T. korumak istediğiniz e-posta etiketleri, tüm metin içeriğini

66
00:04:30,420 --> 00:04:33,720
bir haber akımı olacak şekilde otomatik olarak ayarlamak istemiyor çünkü her şey siliniyor.

67
00:04:34,050 --> 00:04:39,330
Metin içeriğiyle aynı çizgide çalışan başka bir özellik var, aslında sadece

68
00:04:39,480 --> 00:04:43,480
iki erkek öğeyi sağlam tuttuğu için yalnızca metin ayıklamıyor.

69
00:04:43,500 --> 00:04:46,240
Aslında yapısı her seferinde doğru olarak tutar.

70
00:04:46,260 --> 00:04:52,800
Özelliklere İç HMO denmesi için metin yanı sıra öğeler de geri döndü.

71
00:04:53,580 --> 00:04:55,020
Yani aynı paragrafa sahibiz.

72
00:04:55,020 --> 00:04:59,970
Bu harika etiketler etrafında harika etiketler harika bir paragraf.

73
00:05:00,060 --> 00:05:07,140
Sonra sorgu seçici ile seçeriz ve sonra da tag dot inner h m l'yi çalıştırırız ve

74
00:05:07,140 --> 00:05:11,870
bu, güçlü etiketi orada tutarken harika bir paragrafa sahip olmanızı sağlar.

75
00:05:12,270 --> 00:05:18,510
Bu yüzden sana başka bir örnek göstereceğim ve sayfayı yenileyeceğim, böylece güçlü etiketimizi burada geri alacağım

76
00:05:18,510 --> 00:05:20,640
ve devam edip paragrafı tekrar seçeceğim.

77
00:05:20,850 --> 00:05:28,040
Belge doc sorgu seçici paragraf ve biz çalıştırmak için gidiyoruz.

78
00:05:28,350 --> 00:05:33,760
Önce metin içeriğini inceleyelim ve sonra onun için yapalım.

79
00:05:34,870 --> 00:05:38,350
Ve güçlü etiketi bize geri gönderdiğimizi de görebilirsiniz.

80
00:05:38,940 --> 00:05:43,300
UL ve onun içindeki yalanlar için aynı şeyi yapalım.

81
00:05:43,320 --> 00:05:49,020
Yani var UL, doküman doc sorgu seçici ile eşdeğerdir.

82
00:05:49,770 --> 00:05:58,710
Sen de öyle yapacaksın ve o zaman içsel olacaksın ve biz de etiketleri alacağız.

83
00:05:58,740 --> 00:06:03,150
Dolayısıyla bu yararlıdır ve yaptığımız bazı projelerde bu durumdan yararlanacağımız

84
00:06:03,150 --> 00:06:04,770
birkaç durum görürüz.

85
00:06:04,770 --> 00:06:08,830
Metin, bir etiketin içindekileri değiştirirsek de yararlıdır.

86
00:06:09,120 --> 00:06:15,240
Dolayısıyla genellikle biz onu içten bir şey haline getirmeyeceğiz, çünkü metin içeriğini

87
00:06:15,250 --> 00:06:20,820
ayarlamakla aynı sorunu yaşıyorduk, şu an içimizdeki her şeyi ona kızdırıyordu.

88
00:06:20,820 --> 00:06:21,300
 

89
00:06:21,510 --> 00:06:31,820
Bu yüzden sana göstereceğim, eğer UL dodu iç HTML'nin şu an bitkilere eşit olduğu söylenebilir.

90
00:06:32,870 --> 00:06:36,170
Metin içeriği için olduğu gibi onu tamamen geçersiz kılar.

91
00:06:36,210 --> 00:06:41,530
Dolayısıyla, yeni öğeler eklemek istersek veya HTML ile etkileşim kurmak istesek, bunu yapmanın başka yolları da olur.

92
00:06:41,760 --> 00:06:45,440
Fakat eğer yapmak istediğimiz tek şey bu ismi değiştirmek.

93
00:06:45,450 --> 00:06:47,750
Dom demomuza hoş geldiniz.

94
00:06:47,810 --> 00:06:49,340
Önce bunu seçebilirsin.

95
00:06:49,470 --> 00:06:50,410
Bu bir H-1.

96
00:06:50,730 --> 00:06:53,420
Ve içinde hiçbirinin bulunmadığını fark ettin.

97
00:06:53,430 --> 00:06:54,850
Bu sadece bir H-1.

98
00:06:54,990 --> 00:06:59,000
Dolayısıyla, metin içeriğini ya da M-L'nin kullandığı enerjiyi kullanabiliriz.

99
00:06:59,010 --> 00:07:03,190
Ancak çoğu insan metin içeriği kullanır, çünkü hepsi metin içeriğidir.

100
00:07:03,360 --> 00:07:05,530
Ve bunu başka bir şey olarak sıfırlayabiliriz.

101
00:07:05,580 --> 00:07:12,060
Yani bu sadece bir belge meselesi olsun, yine de

102
00:07:12,060 --> 00:07:17,970
sorgu seçici yapalım ve bu belge seçici H-1'yi görmeye

103
00:07:17,970 --> 00:07:29,760
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.

104
00:07:29,760 --> 00:07:33,060
Ve yaptığım değişikliklerin yansıtıldığını görebilirsiniz.

105
00:07:33,060 --> 00:07:39,180
Metin içeriğini yeniden özetlemek için, HD M-L'ye belirli bir öğenin içeriğini kapmak için iki farklı

106
00:07:39,540 --> 00:07:42,750
yolu girin, önce onu seçin, sonra onu öfkelendiririz.

107
00:07:42,810 --> 00:07:49,860
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

108
00:07:49,860 --> 00:07:55,970
döndürür ve ona Mel'i her şeyi bir dizge olarak verir; öylece öğelerden arındırılmış da dahil.

109
00:07:57,240 --> 00:07:59,000
Yani sonunda biraz bonus var.

110
00:07:59,190 --> 00:08:04,120
Bu, hatırlamanızı beklediğim bir şey değil ancak öfkeli HTML ile metin içeriği arasında

111
00:08:04,120 --> 00:08:07,100
bir başka fark var ve bunu burada göstereceğim.

112
00:08:07,350 --> 00:08:14,700
Haydi, bütün vücut datt iç HMO'sunu veren bu döküman gövdesi gibi bir şey deneyelim.

113
00:08:15,420 --> 00:08:21,230
Vücudun tüm HTML'sini alıp alamayacağımız, bunun gibi metin içeriğine girilen veya

114
00:08:21,240 --> 00:08:30,090
bu metin içeriğiyle aynı şeyi yapabilir miyiz ve sayfanızdaki bu üç satıra ait tüm metni alacağız görebilirsiniz.

115
00:08:31,230 --> 00:08:36,480
Yapabileceğim şey, değiştirmek istediğimde bu sayfada her şeyden kurtulmak istedim ki bu

116
00:08:36,480 --> 00:08:42,840
gerçekten iyi bir fikir değil ama isterse ve yeni bir H-1 ve bu H-1

117
00:08:42,840 --> 00:08:50,550
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

118
00:08:50,550 --> 00:08:57,700
ve ben burada bir H-1 etiketi koyabilir ve burada HMO yazıyorum böyle bir şey yapabilirim.

119
00:08:57,930 --> 00:08:59,380
Ve içeri girersem.

120
00:08:59,940 --> 00:09:02,190
Oh hayır aslında çalışmıyor.

121
00:09:02,190 --> 00:09:07,070
Bu nedenle metin içeriği, dizgeyi HMO olarak kabul etmeyecektir.

122
00:09:07,080 --> 00:09:14,540
Onu öfkelendiren aynı şeyi yapsam da H-1 etiketini vermezken tamamen metin olarak

123
00:09:14,550 --> 00:09:15,460
görür.

124
00:09:17,520 --> 00:09:19,400
HMO'sunda.

125
00:09:20,340 --> 00:09:22,740
Aslında bunu bir H-1 olarak işler görebilirsiniz.

126
00:09:22,830 --> 00:09:28,440
Bu bir nüans, ancak metin içeriği size verilen her şeyi ve ne yaparsanız yapın onu yalnızca

127
00:09:28,440 --> 00:09:31,560
metin olarak algılar ve onu içe koyan önemli farktır.

128
00:09:31,600 --> 00:09:36,210
Aslında bunu HM L gibi ele alıp, render etmesi için etiketler verirseniz sayfada görüntülenir.