210811 TIL

TIL DAY 15

오늘 배운 일

✔️ 코드잇에서 JavaScript 중급

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

  • 해당 요소를 접근할려면 밑에 있는 이미지를 참고바람!
    
    출처 : 코드잇

• 모든 노드에 대한 프로퍼티

  • 해당 요소를 접근할려면 밑에 있는 이미지를 참고바람!
    
    출처 : 코드잇

• 요소 노드 프로퍼티

• innerHTML
• outerHTML
• textContent

1. element.innerHTML

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

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

2. element.outerHTML

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

  

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

3. element.textContent

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

  

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

  

느낀점 :

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