웹페이지 시작하기

텍스트 파일로 만들어져 있는 웹 문서를 브라우저에 렌더링하려면 웹문서를 브라우저가 이해할 수 있는 구조로 메모리에 올려야 한다. 브라우저의 렌더링 엔진은 웹 문서를 로드한 후, 파싱하여 웹 문서를 브라우저가 이해할 수 있는 구조로 구성하여 메모리에 적재하는데 이를 DO

이벤트란 웹브라우저가 알려주는 HTML요소에 대한 사건의 발생을 의미한다. 이벤트 타입은 발생한 이벤트의 종류를 나타내는 문자열로, 이벤트명(event name)이라고도 한다.가장 많이 사용하는 키보드,마우스,HTML DOM, Window객체 등을 처리하는 이벤트가 폭

javascript mytag.hasAttribute(name); //— 선택요소에 속성의 존재 확인. mytag.getAttribute(name); //— 선택요소에 속성값을 가져옴. mytag.setAttribute(name, value)

Javascript 객체로 HTML요소를 가져오면 style이라는 프로퍼티(속성)객체가 내장된다.style객체는 모든 CSS속성을 프로퍼티로 갖고있다.css적용은 스네이크표기법이 아닌 카멜표기법으로 변환하여 적용한다. ex)font-family -> f

특정데이터를 DOM요소에 저장해두기 위해브라우저는 데이터 속성에 어떠한 행동도 관여하지 않기 때문에 개발자는 요소에 특정한 데이터를 저장하고 싶은경우 자유롭게 사용가능데이터속성 조작은 자바스크립트에서 dataset객체를 통해 조작가능HTML5부터는 HTML

01.부모,조상 요소 찾기 parentElement : 부모요소 찾기 , 태그만 찾음 closest : 현재 엘레멘트에서 가장 가까운 조상요소 찾기 , 없다면 null 반환 > ### 02.자식,자손 요소 찾기 childNodes : 지정된 요소의 텍스트와 하위 요소

01. appendChild : DOM 객체를 부모의 마지막 자식으로 삽입 (= 기존 항목을 유지하고 맨 뒤에 추가함) 02. insertBefore : DOM 객체를 부모의 자식 객체 중 기준자식 앞에 삽입 예제

0.