웹브라우저 JavaScript

값 API

텍스트 노드는 DOM에서 실질적인 데이터가 저장되는 객체이다. 따라서 텍스트 노드에는 값과 관련된 여러 기능들이 있는데 이번 시간에는 값을 가져오는 두개의 API를 알아본다.

  • nodeValue
  • data
<ul>
    <li id="target">html</li> 
    <li>css</li>
    <li>JavaScript</li>
</ul>
<script>
    var t = document.getElementById('target').firstChild;
	console.log(t.nodeValue);
	console.log(t.data);
</script>

 

댓글

댓글 본문
  1. 헤밍웨이
    220825 감사합니다
  2. 임앤강
    2022-02-13 수강완료~
  3. 드림보이
    2021.12.28. Text 객체 - 값 API 파트 수강완료
  4. pmxsg
    2021.12.22
  5. labis98
    20210912 좋은 강의 감사합니다.
  6. 박병진
    2020.12.09 완료
  7. 싸알
    완료
  8. anne
    완료
  9. 정승옥
    완료
  10. 한강
    nodeValue, data 잘 배웠습니다~!
    200707
  11. ㅎㅅㅁ
    200211
  12. 굼벵이
    완료
  13. 모든일이일사천리
    Done : 19/11/24 7PM
  14. JuicyFresh
    감사합니다.
  15. 생선과고양이
    20180427감사합니다
  16. 박인호
    12-30
    수강완료.
    이번 강의는 가볍네요 ㅎ
  17. 이민규
    감사합니다!

    텍스트 노드는 DOM에서 실질적인 데이터가 저장되는 객체이다.
  18. crable
    감사합니다
  19. Byeong Heon Lee
    감사합니다~
  20. codeX
    감사합니다.
  21. tachyon
    감사합니다
  22. JustStudy
    2016.07.08 금
    고맙습니다 3.
  23. JustStudy
    2016.07.02 토
    고맙습니다 2.
  24. 이주환
    2016. 04. 28
    잘보고갑니다~!
  25. JustStudy
    고맙습니다
  26. simon
    차분한 목소리가 주말을 즐겁게 하네요.
    강의들으면서... 항상 감사하고 있습니다.
  27. 코딩!
    감사합니다
  28. 호두과자
    감사합니당!!!
  29. 머머
    t가 담고 있는 내용이 Text 객체가 아닌 li태그라서 null이나 undefined가 출력되는것 같아요.
    대화보기
    • 찐똥구리구리
      t
      <li id="target">
      t.nodeValue
      null
      t.data
      undefined

      저는 이렇게 나오는데, 맞게 한건지.... 맞다면 이걸로 어떻게 하는지 혹시 아시나요??
      감사합니다~^^
    • 규빈이아빠
      감사합니다^^
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기