innerHtml
-
DOM 조작 - 텍스트 노드에 대한 접근 / 수정 2프론트엔드/DOM 2020. 10. 16. 12:16
'DOM'에서 텍스트 노드에 접근하는 방법은 굉장히 다양하다. 예전 올린 글에선 'DOM'의 텍스트 노드에는 'nodevalue'를 이용한다고 했다. 위와 같은 내용의 'HTML' 문서가 있다고 가정해보자. 해당 'HTML'의 코드는 다음과 같다. 테스트입니다. 이때 텍스트 노드에 접근하기 위해선 다음과 같이 하면 된다. 어렵지 않게 텍스트 노드의 값을 구할 수 있지만 이런 경우 문제가 생긴다. 1. nodevalue의 문제점 위와 같은 'HTML' 화면이 있다고 가정해보자. 코드는 아래와 같다. 테스트1 테스트2 이때 위에서 한 것과 같이 태그의 내용을 선택해보자. 코드의 결과는 다음과 같다. 원하는 결과와 다른 결과가 나왔다. 'nodeValue'를 이용할 경우 'nodeValue'는 텍스트 노드만 ..