평택코딩부트캠프 10일차

textcontent

문서 객체 내부 글자를 텍스트 형식으로 가져오도록 변경 textContent는 'Node'의 속성으로, 사용자에게 보여지는 text값만 읽어오는 innetText와는 달리 <script>나 <style> 태그에 상관없이 해당 노드가 가지고 있는 텍스트 값을 모두 읽어온다.

innerhtml

먼저 innerHTML은 'Element'의 속성으로, element내에 포함 된 HTML 또는 XML 마크업을 가져오거나 태그와 함께 입력하여 내용을 직접 설정할 수 있다.

이벤트 용어 정리

이벤트 속성 - onload
이벤트 이름 또는 이벤트 타입 - on을 제외한 load
이벤트 리스너 또는 이벤트 핸들러 - 이벤트 속성에 넣는 함수

기본적으로 지원하는 이벤트

• 마우스 이벤트
• 키보드 이벤트
• html 프레임 이벤트
• html 입력 양식 이벤트
• 사용자 인터페이스 이벤트
• 구조 변화 이벤트
• 터치 이벤트

이벤트 연결

• 이벤트 모델 - 문서 객체에 이벤트를 연결하는 방식
• 인라인 이벤트 모델 : HTML 태그 내부에 / 자바스크립트 코드를 넣어 /이벤트를 연결하는 방식

이벤트 사용

• 이벤트 객체를 사용하면 이벤트와 관련된 정보를 알아낼 수 있음.

오늘의 퀴즈

• Q1. 웹 브라우저가 HTML 파일을 분석하고 출력하는 방식을 ( ) 이라고 합니다. ?? DOM
• Q2.( )은 HTML 태그 내부에 자바스크립트 코드를 넣어 이벤트를 연결하는 방식입니다. ?? 인라인 이벤트 모델
• Q3. 이벤트 모델로 연결된 함수를 ( ) 또는 ( ) 라고 합니다. ?? 이벤트 핸들러 이벤트 리스너
• Q4. 웹 페이지에 적혀 있는 HTML 태그들은 위쪽에서 아래쪽으로 차례대로 만듭니다 ? O
• Q5. 이벤트 리스너 내부에서 this 키워드를 사용하면 이벤트를 발생시킨 문서 객체를 확인할 수 있습니다. ?
• Q6. 이벤트 객체를 사용하면 이벤트와 관련한 정보를 알아낼 수 있습니다. ?
• Q7. 다음 중 문서 객체를 하나만 리턴하는 함수는?
  ① document.getElementById(✅)
  ② document.getElementsByName( )
  ③ document.getElementsByClassName( )
  ④ document.querySelectorAll( )