자바스크립트(JavaScript)를 이용해 웹 사이트 내에서 특정한 문자열 통째로 변경하기: 웹 브라우저 화면 상에서 문자열 변경하는 방법

※ 이 글은 필자가 개인적으로 공부하면서 정리한 글이기 때문에, 잘못된 정보가 포함되어 있을 수 있습니다. ※

 

  웹 브라우저에서 특정한 웹 사이트에 접속하면 다양한 문자열을 확인할 수 있습니다. 예를 들어 네이버(Naver)에 접속한 뒤에 "네이버를 시작페이지로"라는 문자열을 다른 문자열로 바꾸고자 한다면 어떻게 하면 될까요?

 

 

  바로 다음과 같은 자바스크립트(JavaScript) 명령어를 사용하면 됩니다. 이때 replaceAll() 메서드를 사용하면 웹 페이지 내에 존재하는 모든 문자열이 교체됩니다.

 

document.body.innerHTML = document.body.innerHTML.replaceAll('변경 전 문자열', '변경 후 문자열');

 

  개발자 도구(F12)를 누른 뒤에 다음과 같이 JavaScript 코드를 이용합니다.

 

 

  결과적으로 다음과 같이 웹 페이지가 변경된 것을 확인할 수 있습니다.

 

 

※ 참고 ※

 

  ▶ 참고 링크: https://stackoverflow.com/questions/5558613/replace-words-in-the-body-text