JavaScript를 사용하여 모든 HTML 태그 내의 텍스트를 변경하는 방법

이 기사에서는 JavaScript를 사용하여 모든 HTML 태그 내의 텍스트를 변경하는 작업을 수행합니다. 모든 HTML에서 텍스트를 변경하는 방법에 대해 자세히 알아보려면 이 기사를 자세히 살펴보겠습니다. 먼저 HTML 태그를 정의해 보겠습니다.

HTML 태그란 무엇입니까

HTML 태그는 HTML 문서에서 HTML 요소의 시작과 끝을 나타내는 데 사용되는 마크업 언어입니다. HTML 태그는 웹 브라우저가 HTML 문서를 웹 페이지로 변환하는 데 도움이 되는 HTML 요소의 구성 요소입니다.

더 나은 이해를 위해 JavaScript를 사용하여 모든 HTML 태그 내의 텍스트를 변경하세요. 다음 예를 살펴보겠습니다.

예

아래 예에서는 스크립트를 실행하여 텍스트를 변경하는 간단한 웹 페이지를 만들어 보겠습니다.

스크립트가 실행되면 텍스트와 클릭한 버튼으로 구성된 출력이 생성됩니다. 사용자가 버튼을 클릭하면 텍스트가 변경되고 웹 페이지에 다른 텍스트가 나타납니다.

replaceWith()를 사용하세요

Element.replaceWith() 메서드는 이 요소의 부모 자식 목록에 있는 개체를 노드 또는 문자열 개체 집합으로 바꿉니다. String 개체에 해당하는 텍스트 노드를 삽입합니다.

문법

다음은 replaceWith() -

예

마크업 내부의 텍스트를 변경하기 위해 replaceWith()를 사용하는 다음 예를 고려해 보세요.

위 스크립트를 실행하면 웹페이지의 텍스트가 스크립트에 사용된 원본 텍스트로 대체되어 표시되는 출력 창이 나타납니다.

querySelector() 사용

하나 이상의 선택기가 제공되면 문서 메서드 querySelector()는 문서에서 일치하는 첫 번째 요소를 반환합니다. 일치하는 항목이 없으면 Null을 반환합니다.

문법

다음은 querySelector()

예

다음 코드를 실행하고 querySelector()를 사용하여 HTML 태그의 텍스트를 변경합니다.

스크립트가 실행되면 마크업에 사용된 원본 텍스트로 대체된 웹페이지의 텍스트가 포함된 출력이 생성됩니다.

위 내용은 JavaScript를 사용하여 모든 HTML 태그 내의 텍스트를 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!