전체 글200 Node 객체 : 관계 API 관계 API* 엘리먼트는 서로 부모, 자식, 형제자매로 연결되어 있다. * 관계 API는 각각의 Node가 다른 Node와 연결된 정보를 반환해 문서를 탐색 할 수 있다. - 종류* Node.childNodes : 자식노드들을 유사배열에 담아서 리턴한다.* Node.firstChild : 첫번째 자식노드* Node.lastChild : 마지막 자식노드* Node.nextSibling : 다음 형제 노드* Node.previousSibling : 이전 형제 노드 - 예제 html css JavaScript JavaScript Core DOM BOM - 결과 2016. 10. 15. Node 객체 Node 객체* 모든 DOM 객체를 Node 객체를 상속받는다. 2016. 10. 15. 조회 제한 selector context* 조회 할 때 조회 범위를 제한한다.$( "선택자 1", "선택자 2").함수명( 실행 구문 ); .find()* Jquery 객체 내에서 엘리먼트를 조회하는 기능을 제공한다.$("선택자 1").find("선택자 2".함수명(실행구문); * 체인을 끊지 않고 작업 대상을 변경하고 싶을 때 사용한다.$("선택자 1").함수명(실행구문1).find("선택자 2").함수명(실행구문2);=> 선택자 1.item-선택자 2의 모든 엘리먼트를 대상으로 실행구문1을 한 뒤 선택자 2에 대해서만 실행구문 2를 동작한다. 2016. 10. 15. 속성과 프로퍼티 속성 방식 : setAttributte와 같은 것을 통해 접근var target = document.getElementById('target'); target.setAttribute('class', 'important');프로퍼티 방식 : 속성의 이름을 직접 사용해 접근var target = document.getElementById('target'); target.className = 'important'; * 프로퍼티 방식은 좀 더 간편하고 속도도 빠르지만 실제 HTML의 속성 이름과 다른 이름을 갖는 경우가 있다.* 속성과 프로퍼티의 값이 다를 수도 있다. - JavaScript의 이름 규칙classclassNamereadonlyreadOnlyrowspanrowSpancolspancolSpanuse.. 2016. 10. 15. 이전 1 ··· 40 41 42 43 44 45 46 ··· 50 다음 반응형
