1
00:00:00,640 --> 00:00:05,130
이 비디오에서는 요소를 조작하는 다양한 방법에 대해 계속 학습 할 것입니다.

2
00:00:05,160 --> 00:00:06,360
일단 우리가 그들을 선택합니다.

3
00:00:06,690 --> 00:00:11,040
클래스를 변경하는 스타일 변경 클래스를 조작하는 방법에 대해 이야기했습니다.

4
00:00:11,040 --> 00:00:15,290
우리는 텍스트 내용을 바꾸고 그에 대해 격찬했다.

5
00:00:15,600 --> 00:00:18,600
이제 우리는 속성 조작에 대해 이야기 할 것입니다.

6
00:00:18,810 --> 00:00:25,820
따라서 속성은 H.F.와 같은 것으로 Google의 이미지 또는 이미지와 같은 Google과 같습니다.

7
00:00:26,550 --> 00:00:33,330
그래서 그들은 항상 이것을 따라 몇 가지 속성 이름 따옴표 및 속성 내부의 무언가가 정말 중요합니다.

8
00:00:33,330 --> 00:00:36,410
때로는 우리가 원하는 것을 조작하려고합니다.

9
00:00:36,570 --> 00:00:40,890
Google에서 모든 링크를 변경하는 것과 같은 간단한 작업을 일찍 진행할 것입니다.

10
00:00:40,900 --> 00:00:45,950
Dotcom의 홈페이지로 연결되는 링크.

11
00:00:46,200 --> 00:00:52,460
따라서 우리는 Google 닷컴 홈페이지의 모든 링크를 Bing 닷컴으로 변경하는 것과 같은 간단한 작업을 수행 할 것입니다.

12
00:00:52,490 --> 00:00:58,280
그러나 속성 변경은 실제 프로젝트에서 실제로 중요하고 유용합니다.

13
00:00:58,320 --> 00:01:11,440
예를 들어 이미지 슬라이더를 여러 번 만든 경우 이미지 갤러리는 이미지 소스를 변경하여 이미지 슬라이더를 만들고 이미지가 하나뿐이므로 소스가 변경됩니다.

14
00:01:11,730 --> 00:01:21,460
이 점이 하나의 간단한 예제 일 뿐이지 만 특정 속성의 값을 검색하는 방법과 값을 변경하거나 조작 할 수있는 방법에 대해 논의 할 것입니다.

15
00:01:21,570 --> 00:01:30,110
이 예에서는 초안이 google.com이고 앵커 태그가 이미지 태그이고 소스가 logo dot DNG입니다.

16
00:01:30,360 --> 00:01:44,360
따라서 쿼리 선택기를 시작하는 앵커 태그를 선택하여 링크를 저장하고 Get 속성 및 get 속성이라는 메서드를 사용하면 가져 오는 것처럼 들리거나 요청한 특정 속성의 값을 가져옵니다.

17
00:01:44,490 --> 00:01:56,580
따라서 우리가이 링크에서 호흡을 요청하면 www.youtube.com을 제공 할 것이고 Set 속성을 사용하여 해당 속성을 변경할 수도 있고 set 속성은 두 개의 인수를 취합니다.

18
00:01:56,640 --> 00:02:01,890
첫 번째 것은 속성의 이름이고 두 번째 것은 속성을 변경하려는 것입니다.

19
00:02:01,890 --> 00:02:08,820
그래서이 경우 Tref를이 링크에서 DSW로 변경하여 개 닷컴을 변경합니다.

20
00:02:09,540 --> 00:02:13,200
브라우저에서 이것을 보여 드리겠습니다.

21
00:02:13,200 --> 00:02:17,940
그래서 get 속성을 사용하여이 첫 번째 이미지의 소스를 검색합니다.

22
00:02:18,150 --> 00:02:19,430
그래서 그것을 선택해야합니다.

23
00:02:19,680 --> 00:02:33,810
이미지 하나를 문서라고하고 태그 이름 이미지로 요소를 가져오고 첫 번째 태그를 원하게 만듭니다.

24
00:02:33,810 --> 00:02:43,330
그리고 우리가 그것을 본다면 이미지 1은 우리가 소스를 요청하면 우리는 단지 sarcy라는 속성을 얻습니다.

25
00:02:44,280 --> 00:02:45,840
그리고 이것이 우리의 근원입니다.

26
00:02:46,170 --> 00:02:54,290
그 이미지를 바꾸고 싶다면 실제로 여기에 다른 사랑스러운 코기가 껍질이 벗겨진 코기를 혼합하여 이미지를 준비했습니다.

27
00:02:54,780 --> 00:03:07,700
저는 여러분에게 이것을 복사하고 이것을 다음과 같이 이미지 1 도트 집합 속성을 사용하여 변경하고 두 번째 인수로 전달할 것입니다.

28
00:03:07,700 --> 00:03:12,500
그리고 우리는 enter를 치고 이제는 내 이미지를 업데이트합니다.

29
00:03:13,020 --> 00:03:15,700
그리고 저는 두 번째 이미지와 같은 것을 할 수 있습니다.

30
00:03:15,750 --> 00:03:35,970
태그 이름 이미지 1로 요소를 가져온 후 문서에서 이미지를 작성한 다음 속성 원본을 설정하여 동일한 작업을 수행 할 수 있도록 선택해야합니다.

31
00:03:35,970 --> 00:03:41,520
이제 우리는 그 끔찍한 양 허스키의 두 가지가 있습니다.

32
00:03:41,670 --> 00:03:45,220
다양성을 위해서 앵커 태그도 추가 할 것입니다.

33
00:03:45,360 --> 00:03:53,220
따라서 상단에는 Tref BW dot.com이라는 앵커 태그가 있고 여기에 우리가 들어갑니다.

34
00:03:53,370 --> 00:04:01,380
Google에 연결하면 시작할 수있는 방법은 참조를 연결하는 변경입니다.

35
00:04:01,390 --> 00:04:09,480
따라서 우리가 신선하다면 지금까지 선택한 링크가있는 페이지가 쿼리 선택기 A와 같은 문서입니다.

36
00:04:09,930 --> 00:04:32,940
그리고 Tref가 더 이상 소스의 역할을하지 않는 점 집합 특성을 수행 할 것입니다. 우리는 속성의 본질을 바꾸고 있습니다. 우리는 Corgies 도트 컴에 그 역할을 할 것입니다. 그것이 우리와 단점을 대표하는 방식을 볼 수 있습니다. Corgies 닷컴으로 변경되었습니다.

37
00:04:33,090 --> 00:04:35,080
내가 그것을 검사하면.

38
00:04:35,690 --> 00:04:38,200
HCF가 Corgies 시작 프로그램을 변경했습니다.

39
00:04:38,370 --> 00:04:51,620
그리고 마지막으로 새로운 탭에서 클릭하면 Corgies 닷컴으로 연결됩니다. 실제로 Corgies star com이 상대 경로에서 시도한 웹 사이트로 연결되지 않았습니다.

40
00:04:51,660 --> 00:04:58,750
그래서 우리가 실제 웹 사이트에 가고 싶다면 고글을 시작하기 위해 Corgies가 com을 시작합니다. 나는 진짜 웹 사이트인지 확신 할 수 없습니다.

41
00:04:59,160 --> 00:05:07,280
우리는 HTP 콜론 슬래시를 할 필요가 있으며 브라우저에이 링크가 우리의 위치와 관련이 없다고 알려줍니다.

42
00:05:07,410 --> 00:05:12,600
이것은 절대 경로입니다. 즉,이 URL로 이동하면 우리가있는 곳의 끝에 추가하지 마십시오.

43
00:05:12,780 --> 00:05:18,260
그래서 우리는 HTP 프로토콜을 사용하고 있습니다. 우리가 검사한다면 지금하겠습니다.

44
00:05:18,810 --> 00:05:21,400
HGP가 변경된 것을 볼 수 있습니다.

45
00:05:21,660 --> 00:05:30,000
그리고 우리가 새 탭을 클릭하면 Corgies 닷컴은 아무도 그것을 소유하지 않습니다. 또는 누군가는 그것을 소유하지만 그것을 사용하지 않습니다.

46
00:05:30,000 --> 00:05:32,690
수치스럽고 부끄러운 일입니다.

47
00:05:32,700 --> 00:05:37,350
따라서 마지막 링크는 Google에 대한 링크를 말하지 않는 링크입니다.

48
00:05:37,350 --> 00:05:38,850
우리가해야 할 일은 바로.

49
00:05:39,000 --> 00:05:54,940
두 가지 선택 사항이 있지만 텍스트 내용을 텍스트 편집 텍스트 내용을 corgi dot com에 연결하는 것과 같이 변경하면 텍스트 내용이 더 좋은 옵션이되어 현재 태그가 변경되었습니다.

50
00:05:54,960 --> 00:05:59,260
Atra 속성이며 내부 내용도 변경되었습니다.

51
00:06:00,030 --> 00:06:05,350
그래서 우리는 속성을 얻고 속성을 설정하고 모든 속성에 대해 작업을 마무리합니다.

52
00:06:05,550 --> 00:06:13,970
그래서 Tref와 소스에 대해 보여 주었지만 클래스 나 다른 속성을 변경하기 위해 ID를 변경하려는 경우 사용할 수 있습니다.
