개발공작소
728x90
반응형
article thumbnail
[JS] 태그 안의 text(텍스트) 변경하기 ( feat. html() , text() )
FrontEnd/JavaScript 2021. 10. 21. 20:49

프로젝트를 하면서 태그안의 텍스트를 버튼 클릭에 따라 바꿔줘야 할 일이 생겼다. 해당 게시판은 Vue를 이용하여 인스턴스를 2개 생성하였고 A버튼을 클릭하면 A 뷰인스턴스가 호출되고 B버튼을 클릭하면 B 뷰인스턴스가 호출이 되는 방식이었다. 문제는 내가 텍스트를 바꾸려고 하는 곳의 위치가 뷰 인스턴스 범위 밖이어서 Vue로는 구현하기 어려울 것 같아, JQuery를 이용하기로 하였고 정리해보고자 한다. 방법 1. ) .text() 이용하기 $('클래스명 또는 id명').text("변경할 텍스트 내용"); JQuery 내장함수인 .text()를 이용하여 변경할 요소를 선택자로 선택한 뒤 .text()내에 변경하고 싶은 텍스트를 넣어주면 된다. 방법 2. ) .html() 이용하기 $('클래스명 또는 id명..

728x90
반응형