전체보기

1. window.onload를 활용하여 자바스크립트는 헤더안에 위치시켜야 한다. 2. 클래스를 활용 마크업하여 자바스크립트 동작을 처러힌다. ex) 돋보기 남양주시

단계적 기능축소 : 스크립트를 사용하지 않도라도 동작 가능한 문서 만들기 1. 슈도 프로토클 (태그 내에 "javascript:") 사용하지 않기 2. a href="#" 을 사용하지 않고 활용하기 ex) 기존사용방식 : 돋보기 //---------------- 자바스크립트 사용을 막은 브라우져에서 링크 불가능 추천사용방식 : 돋보기 //---------------- 자바스크립트 사용을 막은 브라우져에서 비롯 팝업은 아닐 지라도 페이지 연결이 가능해진다.

firstChild : 첫 번째 자식 노드 childNodes[0] 이다 node.firstChild lastChild : 마지막 자식 노드 childNodes[마지막배열] 이다 node.lastChild = node.childNodes[node.childNodes.lenght-1]

nodeName : 문서내의 요소가 무엇인지 확인 : 자바스크립트의 nodeName 요소는 항상 대문자로 반환한다. node.nodeName ex) if(place.nodeName != "IMG") return true;

nodeValue : 노드의 값을 가져오거나 설정 node.nodeValue ex) var str = document.getElementById("id명"); str.childNodes[0].nodeValue; ex) 안녕하세요 첫번째 노드값 결과값 : 얼럿 안녕하세요 첫번째 노드값

nodeType : 문서내에 찾으려는 노드형식 반환 : 숫자로 type 반환 1 -> 요소(태그) 2 -> 속성 3 -> 텍스트 node.nodeType ex) 가족 사진 아빠 엄마 딸 아들 결과값 : 1 반환

childNodes : 문서내 노드 트리에서 모든 요소의 자식에 대한 정보를 가지고 올수 있는 방법 : 모든 형식의 노드를 포함하는 배열을 반환 element.childNodes ex) 가족 사진 아빠 엄마 딸 아들 결과 : 얼럿 [boject NodeList] 반환 / 얼럿 3 반환

return false; : 자바스크립트가 태그의 기본동작을 취소할수 있다 : 자바스크립트 함수 호출 후 작성한다. ex) 네이버 아빠

setAttribute("속성","값") object.setAttibute(attribute,value) : 특정 속성 노드의 값을 바꾸는 함수 : 요소노드에서만 동작한다. : 속성, 값 의 인수를 갖는다. ex) 아래 물건 꼭 사오세요! 결과 : 첫번째 얼럿 -> 중요한 사항임 / 두번째 얼럿 -> 안 사오면 죽음

getAttribute("인수") object.getAttribute(attribute); : 특정 태그의 속성 값들을 반환하는 함수 : 문서 객체 사용불가, 각 요소 노드를 객체로 사용 ex) 아래 물건 꼭 사오세요! 테스트 결과 : 얼럿 창 두개 1. 중요한 사항임 / 2.null

getElementsByTagName("인수") element.getElementsByTagName(tag) document.geElemetsByTagName("li") : 문서내에 특정 태그를 사용하는 요소들의 배열로서 얻어낼 수 있는 함수 : 한개가 아닌 여러개의 요소를 얻게 된다. # 참조한 요소의 갯수를 반환하기 alert(documet.geElementsByTagName("li").length); # 문소내의 모든 요소 노드의 개수를 반환하기 alert(documet.geElementsByTagName("*").length); ex) 땅콩 치즈 우유 결과 : 얼럿 li의 개수 반환 3

getElementById("인수") document.getElementById("id명") : 문서안에 특정 아이디의 요소 노드를 참조(직접 접근)하기위한 함수 : 문서안에 참조하는 요소는 모두 객체이다