[Javascript] 자식 태그 외 텍스트만 변경해보자

javascript와 jQuery를 이용해서 HTML 요소의 텍스트를 변경하는 여러가지 방법이 있습니다.

text(), html(), innerText 등이 있죠!

저는 그 중에서도 textContent를 사용해보았습니다.

그리고 단순히 텍스트를 변경하는 것이 아니라

하나의 요소 안에 모든 텍스트가 아닌 특정 단어만 지우고 싶은 경우를 구현해보았습니다.

 

See the Pen Untitled by Younjung Jeong (@jojv) on CodePen.

---

element.textContent = '내용'

간단하게 사용할 수 있지만, 특정 단어만 지우고 싶기 때문에

contents()를 이용해 요소 안에 텍스트 들을 배열로 만들고, [0]와 같이 배열의 순서를 지정해서 내용을 바꿔주었습니다.

 

알아두셨다가 다양하게 응용해보세요~

수정할 내용이나 알려주실 내용 있으시면 댓글로 가르침 주세요^_^

글 읽어주셔서 감사합니다~