본문 바로가기

programming99

DOM 메소드_노드만들기_createElement, createTextNode createElement/* creatElement메소드는 특정 태그내에 포함된 새로운 요소 노드를 만들때 사용 이 메소드는 새로 만들어진 요소를 반환 만들려고 하는 태그명을 인수로 가짐. */ //구문 reference= document.createElement(element); //예제 reference = document.createElement("p"); reference = document.createElement("h1"); /* createElement에서 반환된 reference 는 노드 객체 이는 요소 노드이기 때문엔 nodeType프로퍼티 값은1 */ /* 새로 만들어진 요소는 바로 문서내에 추가할수 있는것이 아니다 새노드가 parentNode 프로퍼티를 가지고있지 않기때문 자바스크립트.. 2012. 8. 7.
DOM removeChild() /* 노드삭제 문서에 특정 노드를 삭제하는 방법 */ /* removeChild 특정 부모 노드에서 자식노드를 제거하는 메소드 */ //구문 reference = element.removeChild(node); /* 이 메소드는 삭제된 노드 반환 노드에 포함된 자식 노드도 함께 제거 */ //예제 var container = document.getElementById("content"); var msg = document.getElementById("findprint"); container.removeChild(msg); //삭제하고싶은 상위 노드의 이름을 알지 못한다면 prarentNode라는 프로퍼티를 이용해서 제거할수도있다. var msg = document.getElementById("findpr.. 2012. 8. 7.
DOM appendChild()_insertBefore() /* 노드추가 문서에 노드를 추가하는 방법은 두개 appendChild(), insertBefore() */ /* appendChild appendChild 메소드는 요소노드에 새 자식노드를 추가 */ //구문 reference = element.appendChild(newChild); /* 새로운 자식 노드는 추가된 요소의 제일 마지막 자식요소가 된다. 이 메소드는 새로 추가된 노드 반환 주로 createElement, createTextNode 와 함께 쓰임 */ //예제 var para = document.createElement("p"); var msg = document.createTextNode("안녕"); para.appendChild(msg); var newpara = para.cloneN.. 2012. 8. 7.
DOM cloneNode() /* 노드복사란? 특정노드를 복사해서 재사용 할 수 있는 메소드 제공 */ /* cloneNode cloneNode메소드는 특정 노드를 복사할 수 있다. 메소드는 새로 복사된 노드를 반환 */ //구문 reference = node.cloneNode(deep); /* 참거짓의 불린값을 인수로 가짐 새로 만들어진 노드가 복사한 노드와 같은 형태를 띠고 있는지 여부를 확인하는것. 인수가 참이면 새로 만든 노드는 복사한 노드와 같은 자식을 가짐 거짓이면 자식노드가 없다. 만일 노드가 요소노드인 경우 원래 요소내 모든 텍스트 노드가 복사되지 않았다는것을 의미하는것으로 속성만 복사된다 */ //구문 reference = node.cloneNode(true); reference = node.cloneNode(fal.. 2012. 8. 7.

티스토리툴바