본문 바로가기

web../javascript

DOM Script 속성과 메소드

1.DOM 속성


 - childNodes : 현재 노드의 자식 노드를 배열로 돌려준다.


 - firstChild : 현재 노드의 첫 번째 자식 노드를 참조한다.


 - lastChild : 현재 노드의 마지막 자식 노드를 참조한다. 


 - nextSibling : 현재 노드의 바로 다음의 노드를 반환한다.


 - nodeName : 노드의 qualified name을 반환한다.


 - nodeType : 노드의 XML DOM 노드 형식을 지정한다.


 - nodeValue : 해당 노드의 값을 참조한다.


 - ownerDocument : 해당 노드를 포함하는 루트 엘레먼트를 반환한다.


 - parentNode : 해당 노드의 부모 노드를 반환한다.


 - previousSibling : 현재 노드 바로 앞에 오는 노드를 반환 한다.


 - xml : 현재 노드와 자식노드의 XML을 문자열로 반환한다.(IE 전용)


 - text : 현재 노드와 자식노드 들의 텍스트를 연결한 콘텐트를 반환 한다.(IE 전용)





2.DOM 메소드


 - getElementById(idName) : 도큐먼드에서 idName의 id로 정의된 요소를 찾아 반환한다.


 - getElementsByTagName(tagName) : tagName을 가진 태그들의 노드 객체를 찾아 배열로 반환한다.

 

 - document.createElement(tagName) : tagName 으로된 엘리먼트를 생성한다.


 - document.createTextNode(text) : 정적 텍스트를 담고 있는 노드를 생성한다.


 - <element>.appendChild(childNode) : childNode를 에레먼트의 자식 노드로 추가 한다.


 - <element>.getAttribute(name) : 에레먼트에서 name에 해당하는 어트리뷰트 값을 반환한다.


 - <element>.setAttribute(name, value) : 엘레먼트에 name 속성에 value 값을 할당한다.


 - <element>.insertBefore(newNode, tartgetNode) : 엘레먼트의 자식노드 중 tartgetNode 전에 newNode를  삽입한다.


 - <element>.removeAttribute(name) : 엘리먼트에서 name 어트리뷰트을 제거한다.


 - <element>.removeChild(childNode) : 엘레먼트에서 자식 childNode 노드를 제거한다. 


 - <element>.replaceChild(newNode, oldNode) : 엘레먼트에서 oldNode 를 newNode 로 치환한다. 


 - <element>.hasChildNodes() : 엘레먼트가 자식 노드를 포함하는 경우 true, 자식요소가 없는 경우 false를 반환한다.