JavaScript를 사용하여 Div 태그 텍스트를 검색하는 방법(jQuery 없이)

JavaScript로만 div 요소의 텍스트 콘텐츠를 얻으려면 jQuery를 대체할 수 있는 방법이 있습니다.

문제 설명:

document.getElementById('superman').value를 사용하여 텍스트를 검색하려는 이전 시도가 정의되지 않은 상태로 반환되었습니다. 목표는 jQuery 없이 일반 JavaScript를 사용하여 솔루션을 찾는 것입니다.

해결책:

텍스트를 성공적으로 검색하려면 값 대신 textContent를 사용하는 것이 좋습니다. innerHTML 속성은 div 내의 요소를 포함하여 전체 DOM 콘텐츠를 문자열로 반환합니다. 대조적으로, textContent는 div 내의 텍스트를 구체적으로 추출하여 보다 정확한 텍스트 표현을 보장합니다.

예를 들어 다음 HTML이 주어지면:

  Some sample text.

innerHTML 사용:

var node = document.getElementById('test');
var htmlContent = node.innerHTML;
// htmlContent = "Some sample text."

textContent 사용:

var node = document.getElementById('test');
var textContent = node.textContent;
// textContent = "Some sample text."

textContent 및 innerHTML에 대한 자세한 내용은 MDN을 참조하세요.

• [textContent](https://developer.mozilla.org/ en-US/docs/Web/API/Node/textContent)
• [innerHTML](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML)