다시 오신 것을 환영합니다.
이 비디오에서 우리는 중단 한 부분을 다시 고를 것입니다.
우리는 요소를 조작하는 다른 방법에 대해서 계속 이야기 할 것입니다.
우리가 그들을 선택하고 조작 한 것을 기억하고 지금까지 우리는 색상이나 스타일 속성을 변경하는 방법과 스타일 목록에도 클래스 목록을 사용할 수있는 방법을 보았습니다.
그래서이 비디오에서 우리는 페이지에서 텍스트 나 노인을 바꿀 수있는 두 가지 속성에 대해 이야기 할 것입니다.
그래서 내가 H1 태그 대신에 또는 강한 태그 대신에 콘텐츠를 바꾸고 싶었던 경우 또는 여기에있는 것처럼 또는 변경 앵커 태그 자체에 텍스트를 원했습니다.
이것이 우리가이 비디오에서하는 방법을 보게 될 것입니다.
첫 번째 속성은 텍스트 콘텐츠라는 것입니다.
여기서 볼 수 있듯이 나는 약간의 텍스트와 Awesome이라는 강력한 태그가있는 단락을 가지고 있습니다.
나머지 단락 텍스트
그래서 내가 문서 Duckery selector P를 변수에 저장하면 그 시간 안에 요소를 텍스트로 가져오고 텍스트는 HTML 태그 사이에 있지만 세금은 포함하지 않는 것으로 정의됩니다.
그래서 당신은 그것이 돌아 오는 것을 볼 것입니다.
이것은 멋진 단락입니다.
강력한 태그를 포함하지 않으므로 단락 안의 모든 텍스트를 추출합니다.
그러나 많은 층이 깊어 져야합니다.
그것은 모든 텍스트를 잡고 하나의 큰 문자열을 반환합니다.
그리고 물론 우리는 텍스트 콘텐트를 설정할 수 있습니다.
그러면 문자 콘텐츠가 다시 설정됩니다.
이 단락의 내부.
이제 텍스트 콘텐츠 속성을 사용하기 전에 텍스트 콘텐츠 속성을 어떻게 사용할 수 있는지 보여 드리겠습니다.
우리가 작업 할 텍스트가 더 많도록 마크 업의 몇 줄만 추가하여 샘플 데모 Tim Page를 업데이트 할 것입니다.
그래서 저는 UL을 추가 할 것이고이 안에 당신은 꽃을합시다.
그래서 난초.
succulence하고 마지막 튤립을 보자.
승인.
우리는이 일을 진행할 것입니다.
자바 스크립트 콘솔에서.
여기서 우리 페이지는 우리의 3 개 동맹국과 잘 어울립니다. 그런 다음 슈퍼 코리 믹스라는 단어 주위에 강력한 태그가있는이 단락을 볼 수 있습니다.
그렇습니다.
그래서 나는 영사에게 가서,이 단락을 단지 P가 문서와 동일하게 선택하는 것으로 시작하겠습니다.
그리고 내 첫 번째 본능은 항상 쉽기 때문에 항상 쿼리 선택기를 사용하는 것입니다.
그러나 나는 그렇게하지 않을 것입니다.
우리가 다른 방법을 사용하면 더 많은 연습을 할 수 있습니다.
태그 이름으로 GET 요소를 사용하려고합니다. 태그 이름은 단락입니다. 그런 다음 첫 번째 태그를 요청해야합니다.
그래서 지금 우리가 P를 보았을 때 우리는 그 단락을 가지고 있습니다. 그리고 우리가 텍스트 내용에 텍스트 내용을 실었다면, 우리에게 코기 믹스는 매우 귀엽다는 것을 말해줍니다.
그래서 그 안에있는 모든 텍스트가 필요합니다.
UL에서 동일한 작업을 수행하여 UL var UL을 선택하고 이번에는 큐리 선택기 ul을 사용하겠습니다.
UL을 살펴 보겠습니다.
우리가 올바른지 확인하십시오.
확실히 맞는 것.
그리고 그것에 관한 내용을 teks 해보 죠.
그리고 태그를 제거하고 UL의 순수 텍스트 컨텐츠를 얻는 것을 볼 수 있습니다. 그리고 나서 우리가 할 수있는 일은 그것을 업데이트하는 것입니다.
그래서 이것은 약간 위험합니다. 왜냐하면이 단락 텍스트 내용을 업데이트하고 Corgi 믹스가 정말 정말 귀엽다고 말하는 것을 업데이트하려고한다고 가정하기 때문입니다.
글쎄, P 텍스트 콘텐츠를 할 수 있고 다음 Corgi 믹스 정말 정말 사랑 스럽다하지만 잘하면 당신은 문제를 볼 수 있다고 해.
나는이 강력한 태그를 제거 할 것이다.
내가 Enter를 누르면 완전히 덮어 씁니다.
그래서 우리가이 요소를 기대한다면, 우리는 거기에 무엇이 들어 있든간에 강한 박살을 제거했습니다.
따라서 텍스트 콘텐츠는 그 의미에서 다소 위험합니다. 뭔가를 설정하기 위해 그것을 사용한다면 나쁘지는 않지만 조심해야합니다.
요소의 내부 내용을 정확히 알아야합니다.
H.T.가있는 경우. 보존하려는 전자 메일 태그는 모든 텍스트 내용을 뉴스 스트림으로 자동 설정하지 않으므로 모든 내용이 지워집니다.
실제로 텍스트를 추출하는 것이 아니라 두 남성 요소를 그대로 유지하는 것을 제외하고는 텍스트 내용과 동일한 줄을 따라 작동하는 또 다른 속성이 있습니다.
실제로 올바른 때마다 구조를 유지합니다.
텍스트는 물론 요소가 반환되므로 Inner HMO라는 속성이 있습니다.
그래서 우리는 같은 단락을 가지고 있습니다.
주위에 강력한 태그가있는 멋진 단락입니다.
그런 다음 쿼리 선택기로 태그를 선택하고 태그 도트 내부 h m l을 실행하면 강력한 태그를 유지하면서 멋진 단락이됩니다.
따라서 다른 예제를 보여주고 페이지를 새로 고침하여 여기에 강한 태그가 생기도록하고 단락을 다시 선택하겠습니다.
doc 쿼리 선택기 단락을 문서화하면 실행하게됩니다.
먼저 텍스트 내용을 검토 한 다음 그를 위해 해봅시다.
그리고 우리는 강한 태그가 우리에게 돌아온 것을 볼 수 있습니다.
UL과 내부에있는 거짓말에 대해서도 똑같은 일을 해봅시다.
따라서 var UL은 문서 doc 쿼리 선택기와 동일합니다.
당신은 그때 내면의 태그를 얻을 것입니다.
따라서 이것은 유용하며, 우리가 구축 한 프로젝트 중 일부에서이를 활용할 몇 가지 상황을 보게 될 것입니다.
텍스트는 태그 안의 내용을 변경하는 경우에도 유용합니다.
그래서 대개 우리는 실제로 그분을 화나게 만들지 않습니다. 왜냐하면 그것은 현재 화가 났던 내용을 덮어 쓰는 텍스트 내용을 설정하는 것과 동일한 문제이기 때문입니다.
그래서 저는 여러분에게 UL의 내부 도트 HTML이 이제는 식물이 굉장하다는 것을 말해 주겠다고합니다.
텍스트 콘텐트처럼 완전히 오버라이드합니다.
따라서 새로운 요소를 추가하고 싶거나 HTML과 상호 작용하고 싶다면 다른 방법이 있습니다.
그러나 예를 들어 우리가 원하는 모든 것이이 제목을 바꾸는 것이라면.
내 Dom 데모에 오신 것을 환영합니다.
먼저 선택할 수 있습니다.
그것은 H-1입니다.
그리고 그 안에 H가 없다는 것을 알았습니다.
그것은 단지 H-1입니다.
그래서 우리는 텍스트 내용이나 에너지 M-L을 사용할 수 있습니다.
그러나 대부분의 사람들은 텍스트 콘텐츠를 사용합니다. 그 모든 것이 텍스트 콘텐츠이기 때문입니다.
그리고 우리는 그것을 다른 것으로 재설정 할 수 있습니다.
그래서 그것은 단지 문서의 문제 일 것입니다. 다시 쿼리 선택기를 실행하고 저는 이것을 변수에 저장하지 않을 것입니다. 그러면이 문서 선택기 H-1을 보면서 익숙해 질 것입니다. 그리고 나서 우리는 끝에 연결할 수 있습니다. 도트 텍스트 내용은이 수업과 동일합니다.
내 변경 사항이 반영된 것을 볼 수 있습니다.
그래서 텍스트 내용을 요약하면, HD M-L을 입력하여 주어진 요소의 내용을 잡아내는 두 가지 방법을 먼저 선택하고 나서 그것을 실행합니다.
또는 선택한 요소 텍스트 내용의 텍스트 내용은 텍스트 만 추출하고 큰 문자열은 텍스트로 가득 차게되고 Mel은 그 모든 요소를 ​​포함하여 문자열을 모두 줄 것입니다.
그래서 여기에 약간의 보너스가 있습니다.
이것은 기억해야 할 것이 아니지만 격렬한 HTML과 텍스트 콘텐츠 사이에는 또 다른 차이점이 있습니다. 여기에서 그 내용을 설명하겠습니다.
이 문서 덤프 본문과 같은 것을 시도해 보겠습니다.이 덤프 본문은 전신 내부 HMO를 제공합니다.
그리고 우리가 모든 HTML을 몸에 적용 할 수 있는지를 알 수 있습니다. 이와 같은 텍스트 내용으로 입력하거나 텍스트 내용을 입력하여 동일한 작업을 수행 할 수 있으며 페이지의 모든 텍스트를이 세 줄만 가져옵니다.
내가 뭘 할 수 있는지는 내가 바꾸고 싶다면이 페이지의 모든 것을 없애고 싶었지만 정말 좋은 생각은 아니지만, 원한다면 새로운 H-1로 바꾸고 싶었고 H-1로 바꾸고 싶었다. 그냥 작별 인사를하면 bodycam text content equals와 같은 문서를 만들 수 있고 여기에 H-1 태그를 넣고 HMO를 쓰고있는 곳에서 뭔가 할 수 있습니다.
그리고 내가 들어간다면.
오, 아니, 실제로 작동하지 않습니다.
따라서 텍스트 내용은 문자열을 HMO로 취급하지 않습니다.
그것은 순수하게 텍스트로 취급하므로 H-1 태그를 렌더링하지 않습니다.
그녀의 HMO에서.
실제로 H-1로 렌더링 된 것을 볼 수 있습니다.
이것이 뉘앙스이지만 중요한 차이는 텍스트 내용은 텍스트를 다루는 것과 텍스트를내어주는 것입니다.