목록daily/javascript (3)
quilt code
DOM API 속성 및 메소드 NODE의 속성 1. nodeType (노드의 종류) (1 -> Element, 2 -> Attribute, 3 -> Text, 8 -> Comment, 9 -> Document) 2. nodeName (노드의 이름) (#document -> Document, 태그이름 -> Element, #text -> Text) 3. nodeValue (노드의 값) (null -> Document, null -> Element, 해당문자열 -> Text) 4. parentNode (현재 노드의 부모 노드를 나타낸다.) 5. childNodes (현재 노드의 자식 노드 목록을 나타낸다.) 6. firstChild (현재 노드의 첫번째 자식 노드) -> firstElementChild를 붙..
1. DOM 구조와 엘리먼트 DOM (Document Object Model) E1: E-태그명(엘리먼트) * : 문서에 있는 모든 요소를 찾아라 찾아라 비밀의 열쇠 E1 : 태그명만 작성하면 해당 이름을 가진 모든 태그를 찾아라 E1 #id : # - id 속성값을 이용해서 찾을 때 (주의점: 같은 문서 내에서 id 속성값이 같은건 사용할 수 x, 태그가 다르더라도 id는 사용 불가) E1,E2 : ,는 합집합( E1도 찾고 E2도 찾아라) 여러개 가능 E1 E2 : E1(조상)의 자손 중에 E2에 해당하는 것들을 찾아라 E1 > E2 : E1의 자식 요소 E1 + E2 : E1의 형제 중 바로 뒤에 있는 것 E1 ~ E2 : E1을 기준으로 밑에 있는 형제 중 E2의 이름을 가진 것들을 찾아라 E1[..
자바스크립트로 하는 일 1. Form에서 만들어진 데이터 확인 및 설정하기 (검증작업) 2. BOM 객체에 대한 이해 (window 자주 사용하고 새창만들때 사용, history, location, screen, document 제일 자주 사용 문서 자체를 나타냄, navigator) location.href = "이동할 문서URL" location.reload(); 3. DOM 객체를 이용한 화면 변경하기 - 요소와 컨텐츠의 추가, 수정, 삭제 등 - CSS를 이용한 style 변경 4. 각종 이벤트에 대한 설정 및 실행 5. JSON 데이터 처리하기 6. Ajax를 이용한 비동기 통신 처리하기 자바스크립트 - 숫자나 문자형 둘 중 하나로만 구분 null - 객체가 저장안됐을때 / undefined a..