1
00:00:00,300 --> 00:00:01,040
다시 오신 것을 환영합니다.

2
00:00:01,050 --> 00:00:03,240
이 비디오에서 우리는 중단 한 부분을 다시 고를 것입니다.

3
00:00:03,240 --> 00:00:07,020
우리는 요소를 조작하는 다른 방법에 대해서 계속 이야기 할 것입니다.

4
00:00:07,020 --> 00:00:17,330
우리가 그들을 선택하고 조작 한 것을 기억하고 지금까지 우리는 색상이나 스타일 속성을 변경하는 방법과 스타일 목록에도 클래스 목록을 사용할 수있는 방법을 보았습니다.

5
00:00:17,640 --> 00:00:24,770
그래서이 비디오에서 우리는 페이지에서 텍스트 나 노인을 바꿀 수있는 두 가지 속성에 대해 이야기 할 것입니다.

6
00:00:24,780 --> 00:00:35,040
그래서 내가 H1 태그 대신에 또는 강한 태그 대신에 콘텐츠를 바꾸고 싶었던 경우 또는 여기에있는 것처럼 또는 변경 앵커 태그 자체에 텍스트를 원했습니다.

7
00:00:35,040 --> 00:00:37,030
이것이 우리가이 비디오에서하는 방법을 보게 될 것입니다.

8
00:00:37,410 --> 00:00:40,590
첫 번째 속성은 텍스트 콘텐츠라는 것입니다.

9
00:00:41,190 --> 00:00:47,430
여기서 볼 수 있듯이 나는 약간의 텍스트와 Awesome이라는 강력한 태그가있는 단락을 가지고 있습니다.

10
00:00:47,520 --> 00:00:50,090
나머지 단락 텍스트

11
00:00:50,160 --> 00:01:08,210
그래서 내가 문서 Duckery selector P를 변수에 저장하면 그 시간 안에 요소를 텍스트로 가져오고 텍스트는 HTML 태그 사이에 있지만 세금은 포함하지 않는 것으로 정의됩니다.

12
00:01:08,430 --> 00:01:09,870
그래서 당신은 그것이 돌아 오는 것을 볼 것입니다.

13
00:01:09,870 --> 00:01:11,760
이것은 멋진 단락입니다.

14
00:01:11,760 --> 00:01:18,110
강력한 태그를 포함하지 않으므로 단락 안의 모든 텍스트를 추출합니다.

15
00:01:18,270 --> 00:01:20,240
그러나 많은 층이 깊어 져야합니다.

16
00:01:20,280 --> 00:01:23,620
그것은 모든 텍스트를 잡고 하나의 큰 문자열을 반환합니다.

17
00:01:24,120 --> 00:01:30,310
그리고 물론 우리는 텍스트 콘텐트를 설정할 수 있습니다.

18
00:01:30,510 --> 00:01:33,830
그러면 문자 콘텐츠가 다시 설정됩니다.

19
00:01:33,870 --> 00:01:35,270
이 단락의 내부.

20
00:01:35,460 --> 00:01:40,350
이제 텍스트 콘텐츠 속성을 사용하기 전에 텍스트 콘텐츠 속성을 어떻게 사용할 수 있는지 보여 드리겠습니다.

21
00:01:40,350 --> 00:01:47,940
우리가 작업 할 텍스트가 더 많도록 마크 업의 몇 줄만 추가하여 샘플 데모 Tim Page를 업데이트 할 것입니다.

22
00:01:47,970 --> 00:01:55,740
그래서 저는 UL을 추가 할 것이고이 안에 당신은 꽃을합시다.

23
00:01:55,860 --> 00:01:57,500
그래서 난초.

24
00:01:57,900 --> 00:02:04,700
succulence하고 마지막 튤립을 보자.

25
00:02:04,730 --> 00:02:05,260
승인.

26
00:02:05,400 --> 00:02:06,560
우리는이 일을 진행할 것입니다.

27
00:02:06,560 --> 00:02:09,680
자바 스크립트 콘솔에서.

28
00:02:09,840 --> 00:02:22,380
여기서 우리 페이지는 우리의 3 개 동맹국과 잘 어울립니다. 그런 다음 슈퍼 코리 믹스라는 단어 주위에 강력한 태그가있는이 단락을 볼 수 있습니다.

29
00:02:22,560 --> 00:02:24,340
그렇습니다.

30
00:02:24,340 --> 00:02:32,020
그래서 나는 영사에게 가서,이 단락을 단지 P가 문서와 동일하게 선택하는 것으로 시작하겠습니다.

31
00:02:32,280 --> 00:02:36,740
그리고 내 첫 번째 본능은 항상 쉽기 때문에 항상 쿼리 선택기를 사용하는 것입니다.

32
00:02:36,900 --> 00:02:38,470
그러나 나는 그렇게하지 않을 것입니다.

33
00:02:38,580 --> 00:02:41,410
우리가 다른 방법을 사용하면 더 많은 연습을 할 수 있습니다.

34
00:02:41,460 --> 00:02:52,320
태그 이름으로 GET 요소를 사용하려고합니다. 태그 이름은 단락입니다. 그런 다음 첫 번째 태그를 요청해야합니다.

35
00:02:52,690 --> 00:03:04,320
그래서 지금 우리가 P를 보았을 때 우리는 그 단락을 가지고 있습니다. 그리고 우리가 텍스트 내용에 텍스트 내용을 실었다면, 우리에게 코기 믹스는 매우 귀엽다는 것을 말해줍니다.

36
00:03:04,320 --> 00:03:06,510
그래서 그 안에있는 모든 텍스트가 필요합니다.

37
00:03:06,870 --> 00:03:17,770
UL에서 동일한 작업을 수행하여 UL var UL을 선택하고 이번에는 큐리 선택기 ul을 사용하겠습니다.

38
00:03:18,150 --> 00:03:19,280
UL을 살펴 보겠습니다.

39
00:03:19,320 --> 00:03:21,570
우리가 올바른지 확인하십시오.

40
00:03:21,570 --> 00:03:22,820
확실히 맞는 것.

41
00:03:22,980 --> 00:03:26,640
그리고 그것에 관한 내용을 teks 해보 죠.

42
00:03:27,330 --> 00:03:37,440
그리고 태그를 제거하고 UL의 순수 텍스트 컨텐츠를 얻는 것을 볼 수 있습니다. 그리고 나서 우리가 할 수있는 일은 그것을 업데이트하는 것입니다.

43
00:03:37,440 --> 00:03:49,070
그래서 이것은 약간 위험합니다. 왜냐하면이 단락 텍스트 내용을 업데이트하고 Corgi 믹스가 정말 정말 귀엽다고 말하는 것을 업데이트하려고한다고 가정하기 때문입니다.

44
00:03:49,440 --> 00:04:02,600
글쎄, P 텍스트 콘텐츠를 할 수 있고 다음 Corgi 믹스 정말 정말 사랑 스럽다하지만 잘하면 당신은 문제를 볼 수 있다고 해.

45
00:04:02,670 --> 00:04:05,890
나는이 강력한 태그를 제거 할 것이다.

46
00:04:06,090 --> 00:04:09,180
내가 Enter를 누르면 완전히 덮어 씁니다.

47
00:04:09,180 --> 00:04:15,490
그래서 우리가이 요소를 기대한다면, 우리는 거기에 무엇이 들어 있든간에 강한 박살을 제거했습니다.

48
00:04:15,600 --> 00:04:22,690
따라서 텍스트 콘텐츠는 그 의미에서 다소 위험합니다. 뭔가를 설정하기 위해 그것을 사용한다면 나쁘지는 않지만 조심해야합니다.

49
00:04:22,710 --> 00:04:24,880
요소의 내부 내용을 정확히 알아야합니다.

50
00:04:24,900 --> 00:04:33,720
H.T.가있는 경우. 보존하려는 전자 메일 태그는 모든 텍스트 내용을 뉴스 스트림으로 자동 설정하지 않으므로 모든 내용이 지워집니다.

51
00:04:34,050 --> 00:04:43,480
실제로 텍스트를 추출하는 것이 아니라 두 남성 요소를 그대로 유지하는 것을 제외하고는 텍스트 내용과 동일한 줄을 따라 작동하는 또 다른 속성이 있습니다.

52
00:04:43,500 --> 00:04:46,240
실제로 올바른 때마다 구조를 유지합니다.

53
00:04:46,260 --> 00:04:52,800
텍스트는 물론 요소가 반환되므로 Inner HMO라는 속성이 있습니다.

54
00:04:53,580 --> 00:04:55,020
그래서 우리는 같은 단락을 가지고 있습니다.

55
00:04:55,020 --> 00:04:59,970
주위에 강력한 태그가있는 멋진 단락입니다.

56
00:05:00,060 --> 00:05:11,870
그런 다음 쿼리 선택기로 태그를 선택하고 태그 도트 내부 h m l을 실행하면 강력한 태그를 유지하면서 멋진 단락이됩니다.

57
00:05:12,270 --> 00:05:20,640
따라서 다른 예제를 보여주고 페이지를 새로 고침하여 여기에 강한 태그가 생기도록하고 단락을 다시 선택하겠습니다.

58
00:05:20,850 --> 00:05:28,040
doc 쿼리 선택기 단락을 문서화하면 실행하게됩니다.

59
00:05:28,350 --> 00:05:33,760
먼저 텍스트 내용을 검토 한 다음 그를 위해 해봅시다.

60
00:05:34,870 --> 00:05:38,350
그리고 우리는 강한 태그가 우리에게 돌아온 것을 볼 수 있습니다.

61
00:05:38,940 --> 00:05:43,300
UL과 내부에있는 거짓말에 대해서도 똑같은 일을 해봅시다.

62
00:05:43,320 --> 00:05:49,020
따라서 var UL은 문서 doc 쿼리 선택기와 동일합니다.

63
00:05:49,770 --> 00:05:58,710
당신은 그때 내면의 태그를 얻을 것입니다.

64
00:05:58,740 --> 00:06:04,770
따라서 이것은 유용하며, 우리가 구축 한 프로젝트 중 일부에서이를 활용할 몇 가지 상황을 보게 될 것입니다.

65
00:06:04,770 --> 00:06:08,830
텍스트는 태그 안의 내용을 변경하는 경우에도 유용합니다.

66
00:06:09,120 --> 00:06:21,300
그래서 대개 우리는 실제로 그분을 화나게 만들지 않습니다. 왜냐하면 그것은 현재 화가 났던 내용을 덮어 쓰는 텍스트 내용을 설정하는 것과 동일한 문제이기 때문입니다.

67
00:06:21,510 --> 00:06:31,820
그래서 저는 여러분에게 UL의 내부 도트 HTML이 이제는 식물이 굉장하다는 것을 말해 주겠다고합니다.

68
00:06:32,870 --> 00:06:36,170
텍스트 콘텐트처럼 완전히 오버라이드합니다.

69
00:06:36,210 --> 00:06:41,640
따라서 새로운 요소를 추가하고 싶거나 HTML과 상호 작용하고 싶다면 다른 방법이 있습니다.

70
00:06:41,760 --> 00:06:45,440
그러나 예를 들어 우리가 원하는 모든 것이이 제목을 바꾸는 것이라면.

71
00:06:45,450 --> 00:06:47,750
내 Dom 데모에 오신 것을 환영합니다.

72
00:06:47,810 --> 00:06:49,340
먼저 선택할 수 있습니다.

73
00:06:49,470 --> 00:06:50,410
그것은 H-1입니다.

74
00:06:50,730 --> 00:06:53,420
그리고 그 안에 H가 없다는 것을 알았습니다.

75
00:06:53,430 --> 00:06:54,850
그것은 단지 H-1입니다.

76
00:06:54,990 --> 00:06:59,000
그래서 우리는 텍스트 내용이나 에너지 M-L을 사용할 수 있습니다.

77
00:06:59,010 --> 00:07:03,190
그러나 대부분의 사람들은 텍스트 콘텐츠를 사용합니다. 그 모든 것이 텍스트 콘텐츠이기 때문입니다.

78
00:07:03,360 --> 00:07:05,530
그리고 우리는 그것을 다른 것으로 재설정 할 수 있습니다.

79
00:07:05,580 --> 00:07:29,760
그래서 그것은 단지 문서의 문제 일 것입니다. 다시 쿼리 선택기를 실행하고 저는 이것을 변수에 저장하지 않을 것입니다. 그러면이 문서 선택기 H-1을 보면서 익숙해 질 것입니다. 그리고 나서 우리는 끝에 연결할 수 있습니다. 도트 텍스트 내용은이 수업과 동일합니다.

80
00:07:29,760 --> 00:07:33,060
내 변경 사항이 반영된 것을 볼 수 있습니다.

81
00:07:33,060 --> 00:07:42,750
그래서 텍스트 내용을 요약하면, HD M-L을 입력하여 주어진 요소의 내용을 잡아내는 두 가지 방법을 먼저 선택하고 나서 그것을 실행합니다.

82
00:07:42,810 --> 00:07:56,590
또는 선택한 요소 텍스트 내용의 텍스트 내용은 텍스트 만 추출하고 큰 문자열은 텍스트로 가득 차게되고 Mel은 그 모든 요소를 ​​포함하여 문자열을 모두 줄 것입니다.

83
00:07:57,240 --> 00:07:59,000
그래서 여기에 약간의 보너스가 있습니다.

84
00:07:59,190 --> 00:08:07,100
이것은 기억해야 할 것이 아니지만 격렬한 HTML과 텍스트 콘텐츠 사이에는 또 다른 차이점이 있습니다. 여기에서 그 내용을 설명하겠습니다.

85
00:08:07,350 --> 00:08:15,180
이 문서 덤프 본문과 같은 것을 시도해 보겠습니다.이 덤프 본문은 전신 내부 HMO를 제공합니다.

86
00:08:15,420 --> 00:08:31,050
그리고 우리가 모든 HTML을 몸에 적용 할 수 있는지를 알 수 있습니다. 이와 같은 텍스트 내용으로 입력하거나 텍스트 내용을 입력하여 동일한 작업을 수행 할 수 있으며 페이지의 모든 텍스트를이 세 줄만 가져옵니다.

87
00:08:31,230 --> 00:08:57,700
내가 뭘 할 수 있는지는 내가 바꾸고 싶다면이 페이지의 모든 것을 없애고 싶었지만 정말 좋은 생각은 아니지만, 원한다면 새로운 H-1로 바꾸고 싶었고 H-1로 바꾸고 싶었다. 그냥 작별 인사를하면 bodycam text content equals와 같은 문서를 만들 수 있고 여기에 H-1 태그를 넣고 HMO를 쓰고있는 곳에서 뭔가 할 수 있습니다.

88
00:08:57,930 --> 00:08:59,380
그리고 내가 들어간다면.

89
00:08:59,940 --> 00:09:02,190
오, 아니, 실제로 작동하지 않습니다.

90
00:09:02,190 --> 00:09:07,070
따라서 텍스트 내용은 문자열을 HMO로 취급하지 않습니다.

91
00:09:07,080 --> 00:09:15,460
그것은 순수하게 텍스트로 취급하므로 H-1 태그를 렌더링하지 않습니다.

92
00:09:17,520 --> 00:09:19,400
그녀의 HMO에서.

93
00:09:20,340 --> 00:09:22,740
실제로 H-1로 렌더링 된 것을 볼 수 있습니다.

94
00:09:22,830 --> 00:09:31,560
이것이 뉘앙스이지만 중요한 차이는 텍스트 내용은 텍스트를 다루는 것과 텍스트를내어주는 것입니다.