[JavaScript] 자바스크립트를 이용하여 간단한 텍스트 바꾸기(교체)

일을 하다보니 간단한 텍스트와 문자나 단어들을 바꿀 일이 많다.

innerText, innerHTML, textContent를 이용해도 되지만

이번에는 replace() 메소드로 새로운 문자열 반환하는 방법을 사용해 보았다.

 

<button onclick="changeString()"> 교체하기 </button>
<button onclick="undoString()"> 되돌리기 </button>
<p id="p_tag">Please visit Tistory! </p>



<script type="text/javascript">

function changeString (){ 
	var string = p_tag.innerHTML; 
	var change = string.replace( /Tistory/ , "Naver" );
    document.getElementById("p_tag").innerText = change;
	// p_Tag.innerHTML = change; 
}
function undoString (){ 
	var string = p_tag.innerHTML; 
	var undo = string.replace( /Naver/ , "Tistory" );
    document.getElementById("p_tag").innerText = undo;
	// p_Tag.innerHTML = change; 
}
</script>