WEB/JavaScript43 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. 속성과 프로퍼티 속성 방식 : setAttributte와 같은 것을 통해 접근var target = document.getElementById('target'); target.setAttribute('class', 'important');프로퍼티 방식 : 속성의 이름을 직접 사용해 접근var target = document.getElementById('target'); target.className = 'important'; * 프로퍼티 방식은 좀 더 간편하고 속도도 빠르지만 실제 HTML의 속성 이름과 다른 이름을 갖는 경우가 있다.* 속성과 프로퍼티의 값이 다를 수도 있다. - JavaScript의 이름 규칙classclassNamereadonlyreadOnlyrowspanrowSpancolspancolSpanuse.. 2016. 10. 15. Element 객체 : 속성 API 속성 API * 속성 : HTML 만으론 부족한 부가적인 정보 * 속성을 제어하는 API 내 블로그 * Element.getAttribute(name) : 속성 값 반환 * Element.setAttribute(name, value) : 속성의 값을 설정 * Element.hasAttribute(name); : 속성의 존재 여부 확인 * Element.removeAttribute(name); : 속성을 제거. - 결과 내 블로그 2016. 10. 15. 이전 1 2 3 4 5 6 7 8 ··· 11 다음 반응형
