jQuery 없이 JavaScript로 Div 태그에서 텍스트를 검색하는 방법은 무엇입니까?

JavaScript의 Div 태그에서 텍스트를 검색하는 대체 방법

jQuery를 사용하여 div 태그의 텍스트 콘텐츠를 검색하는 것이 일반적인 접근 방식이기는 하지만 확실히 유일한 옵션. JavaScript는 외부 라이브러리에 의존하지 않고 효과적으로 텍스트를 추출할 수 있는 기본 메소드를 제공합니다.

이 목적을 위한 기본 메소드 중 하나는 textContent 속성입니다. 태그 및 속성을 포함하여 요소의 전체 HTML 콘텐츠를 반환하는 innerHTML과 달리 textContent는 텍스트 콘텐츠만 검색합니다.

사용 방법을 보여주기 위해 예제를 살펴보겠습니다.

<code class="js">function test() {
  var t = document.getElementById('superman').textContent;
  alert(t);
}</code>

이 시나리오에서는 textContent 속성이 t 변수에 할당되며, 이후에 Alert() 함수 호출 시 ID가 "superman"인 div의 일반 텍스트가 표시됩니다.

textContent 속성에 주목할 가치가 있습니다. innerHTML과 마찬가지로 텍스트 노드와 하위 노드가 없는 요소를 텍스트 콘텐츠로 간주합니다. div 요소에 여러 개의 중첩된 요소나 복잡한 마크업이 포함된 경우 textContent에 의존하지 마세요. 원하는 텍스트를 정확하게 캡처하지 못할 수 있습니다.

위 내용은 jQuery 없이 JavaScript로 Div 태그에서 텍스트를 검색하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!