모든 요소의 자식 정보를 가지고 오는 childNodes 프로퍼티 childNodes : 문서내 노드 트리에서 모든 요소의 자식에 대한 정보를 가지고 올수 있는 방법 : 모든 형식의 노드를 포함하는 배열을 반환 element.childNodes ex) 가족 사진 아빠 엄마 딸 아들 결과 : 얼럿 [boject NodeList] 반환 / 얼럿 3 반환 웹 프로그래밍/JAVASCRIPT 2010.04.02
이벤트 핸들러를 통한 기본동작 취소 return false; return false; : 자바스크립트가 태그의 기본동작을 취소할수 있다 : 자바스크립트 함수 호출 후 작성한다. ex) 네이버 아빠 웹 프로그래밍/JAVASCRIPT 2010.04.02
특정 속성 노드의 값을 바꾸는 setAttribute("속성","값") 메소드 setAttribute("속성","값") object.setAttibute(attribute,value) : 특정 속성 노드의 값을 바꾸는 함수 : 요소노드에서만 동작한다. : 속성, 값 의 인수를 갖는다. ex) 아래 물건 꼭 사오세요! 결과 : 첫번째 얼럿 -> 중요한 사항임 / 두번째 얼럿 -> 안 사오면 죽음 웹 프로그래밍/JAVASCRIPT 2010.04.02
특정 요소의 속성 값을 참조 getAttribute("인수") 메소드 getAttribute("인수") object.getAttribute(attribute); : 특정 태그의 속성 값들을 반환하는 함수 : 문서 객체 사용불가, 각 요소 노드를 객체로 사용 ex) 아래 물건 꼭 사오세요! 테스트 결과 : 얼럿 창 두개 1. 중요한 사항임 / 2.null 웹 프로그래밍/JAVASCRIPT 2010.04.02
특정 태그에 사용하는 요소들을 얻어내기getElementsByTagName("인수") 메소드 getElementsByTagName("인수") element.getElementsByTagName(tag) document.geElemetsByTagName("li") : 문서내에 특정 태그를 사용하는 요소들의 배열로서 얻어낼 수 있는 함수 : 한개가 아닌 여러개의 요소를 얻게 된다. # 참조한 요소의 갯수를 반환하기 alert(documet.geElementsByTagName("li").length); # 문소내의 모든 요소 노드의 개수를 반환하기 alert(documet.geElementsByTagName("*").length); ex) 땅콩 치즈 우유 결과 : 얼럿 li의 개수 반환 3 웹 프로그래밍/JAVASCRIPT 2010.04.02
특정 요소 노드에 접근 getElementById("인수") 메소드 getElementById("인수") document.getElementById("id명") : 문서안에 특정 아이디의 요소 노드를 참조(직접 접근)하기위한 함수 : 문서안에 참조하는 요소는 모두 객체이다 웹 프로그래밍/JAVASCRIPT 2010.04.02
DOM node의 정의와 종류 노드 : 어떤 연결망에서 특정 지점과 지점을 연결하는 표시하는 것 node의 정의와 종류 1. 요소노드 : ,, 등 태그 선언문 2. 텍스트노드 : 내용부분 -> node의 정의와 종류 3. 속성노드 : 요소노드 안에 포함된 노드(태그 속성) -> title 웹 프로그래밍/JAVASCRIPT 2010.04.01