본문 바로가기
728x90
반응형

DOM2

JavaScript 개발자 수업 65일차 - 부모-자식-형제 태그, DOM 제어, DOM 이벤트 1. 부모-자식-형제태그 2. DOM 제어 3. DOM 이벤트 1. 부모-자식-형제태그 [ DOM Tree의 구성요소 ] - 페이지의 소스의 모든 요소들이 구성요소가 된다. - 선언문(), 주석, 태그, PCDATA, 속성 등... [ 자식 노드 접근 프로퍼티 ] 이름 설명 hasChildNodes 현재노드 기준으로, 자식노드가 있는지 없는지 true, false로 반환한다. childNodes 자식 노드 리스트를 확인한다. 유사 배열이며, 모든 타입의 노드를 자식으로 받는다. firstChild 첫번째 자식 노드를 확인한다. lastChild 마지막 자식 노드를 확인한다. [ 자식 노드 접근 예제 ] 나 첫째 자식 둘째 자식 셋째 자식 [ 자식 태그 접근 프로퍼티 ] 이름 설명 children 자식 태.. 2021. 6. 29.
JavaScript 개발자 수업 64일차 - Timer, DOM, Content 1. Timer 2. DOM 3. Content 1. Timer [ 정의 ] - window 객체 메소드이다. - 일정 시간이 지난 뒤에 함수를 호출할 수 있도록 해준다. 이름 설명 number setTimeout(함수, 시간(ms)) - 해당 함수 실행 후 지정한 시간이 되는 순간 함수를 실행한다. - 실행횟수: 1회 실행한다. - 초기화 메소드: void clearTimeout(타이머 ID) number setInerval(함수, 시간(ms)) - 해당 함수 실행 후 지정한 시간마다 함수를 실행한다. - 실행횟수: 반복(무한) 실행한다. - 초기화 메소드: void clearInterval(타이머 ID) [ setTimeout 예제 1 - bgColor 변환 ] See the Pen timer 예제1.. 2021. 6. 28.
728x90
반응형