[Javascript] 8.요소

1. window

• 자바스크립트의 최상위 객체이면서 브라우저와 관련된 멤버를 가지고 있다.

2. document

• window의 멤버로, HTML 문서 자체(<html....>~</html>)의 멤버를 가지고 있다.2-1) 메서드
• getElementById(x) : HTML문서 내에 존재하는 태그중 그 id 속성값이 x와 일치하는 HTMLElement 타입의 객체인 요소를 반환한다.

3. HTMLElement

• HTML 태그를 자바 스크립트 변수로 표현하기 위한 타입이다.

3-1) 객체 속성

• innerHTML : 해당요소의 내부 HTML(태그)를 지정한다.
• innerText : 해당요소의 내부 내용을 텍스트로 지정한다.

3-2) 객체 메서드

• addEventListener(e,f) : 해당요소에 이벤트 e가 발생했을 때, 함수 f를 실행한다는 의미이다.
  • 이벤트 종류 e(string)
    • click : 해당 요소를 클릭했을 때의 이벤트.
• remove() : 해당요소를 제거합니다.
• querySelector(x) : 해당 요소가 가지고 있는 자식 및 손자 태그 중 CSS 선택자 x를 만족하는 요소 하나를 반환한다. 그러한 요소가 없다면 null을 반환한다.
• querySelectorAll(x) : 해당요소가 가지고 있는 자식 및 손자 태그 중 CSS 선택자 x를 만복하는 요소(들)을 인자로 가지는 NodeList 객체를 반환한다. 그러한 요소가 없다면 길이가 0인 Nodelist 객체를 반환한다.