210811 TIL

CoderS·2021년 8월 11일

TIL DAY 15

오늘 배운 일

✔️ 코드잇에서 JavaScript 중급

  • 요소 노드에 대한 프로퍼티

    • 해당 요소를 접근할려면 밑에 있는 이미지를 참고바람!

      출처 : 코드잇
  • 모든 노드에 대한 프로퍼티

    • 해당 요소를 접근할려면 밑에 있는 이미지를 참고바람!

      출처 : 코드잇
  • 요소 노드 프로퍼티

  • innerHTML
  • outerHTML
  • textContent

1. element.innerHTML

  • 요소 노드 내부의 HTML 코드를 문자열로 리턴해준다. (내부에 있는 줄 바꿈이나 들여쓰기 모두 포함합니다.)

결과값 : ul 태그안에 있는 li태그 전체를 불러온다.

2. element.outerHTML

  • 요소 노드 자체의 전체적인 HTML 코드를 문자열로 리턴해준다. (내부에 있는 줄 바꿈이나 들여쓰기 모두 포함한다.)

결과값 : ul 태그 포함 및 그안에 있는 li 태그까지 포함시킨다.

3. element.textContent

  • 요소 안의 내용들 중에서 HTML 태그 부분은 제외하고 텍스트만 가져온다. (내부에 있는 줄 바꿈이나 들여쓰기 모두 포함시킨다.)

    결과값 : li 태그안에 있는 텍스트들을 불러온다.

느낀점 :

  • 오늘은 노드에 대한 프로퍼티에 대해 배워봤는데, 생각보다 코드가 많아서 외울게 많다.
  • 유용하게 쓰일 것 같아 좋다.
profile
하루를 의미있게 살자!

0개의 댓글