the shade of a tree

 
  


 



    

        

        
    



    

        

            

                
                등록
            
        
    

reference = document.createElement(element);

var para = document.createElement("p");
document.body.appendChild(para);
para.setAttribute("title", "단락 내용");

reference = document.createTextNode(text);

var message = document.createTextNode("Hello World");
var container = document.createElement("p");
container.appendChild(message);
document.body.appendChild(container);

reference = node.cloneNode(deep);

reference = node.cloneNode(true)   // 복사한 Node와 같은 자식을 가지는 것
reference = node.cloneNode(false)  // 속성만 복사됨
var para = document.createElement("p");
var message = document.createTextNode("Hello World");
para.appendChild(message);
document.body.appendChild(para);
var newpara = para.cloneNode(true);
document.body.appendChild(newpara);

reference = element.appendChild(newChild);

var para = document.createElement("p");
var message = document.createTextNode("Hello World");
para.appendChild(message);
document.body.appendChild(para); 

// 문서 내에 있는 요소를 옮길 수 있음
var message = document.getElementById("fineprint");
var container = document.getElementById("content");
container.appendChild(message);

reference = element.insertBefore(newNode, targetNode);

var container = document.getElementById("content");
var message = document.getElementById("fineprint");
var para = document.createElement("p");
var text = document.createTextNode("Here comes the fineprint");
para.appendChild(text);
container.insertBefore(para, message);

// 기존 노드를 문서 내에서 이동할 수 있음
var container = document.getElementById("content");
var message = document.getElementById("fineprint");
var announcement = document.getElementById("headline");
container.insertBefore(announcement, message);

reference = element.removeChild(node);

var container = document.getElementById("content");
var message = document.getElementById("fineprint");
container.removeChild(message);

// 상위 노드의 이름을 알지 못하는 경우 parentNode 프로퍼티 사용
var message = document.getElementById("fineprint");
var container = message.parentNode;
container.removeChild(message);

reference = element.replaceChild(newChild);

var container = document.getElementById("content");
var message = document.getElementById("fineprint");
var announcement = document.getElementById("headline");
container.replaceChild(announcement, message);

element.setAttribute(attributeName, attributeValue);

var para = document.createElement("p");
para.setAttribute("id", "fineprint");
var container = document.getElementById("content");
content.appendChild(para);

attributeValue = element.getAttribute(attributeName);

var message = document.getElementById("fineprint");
var titletext = message.getAttribute("title");
var newtext = document.createTextNode(titletext);
message.appendChild(titletext);

element = document.getElementById(ID);

var message = document.getElementById("fineprint");
message.setAttribute("title", "제목을 설정합니다.");
var container = message.parentNode;

element = document.getElementsByTagName(tagName);

var paras = document.getElementsByTagName("p");
for(var i=0; i < paras.length; i++) {
  paras[i].setAttribute("title", "");
}

booleanValue = element.hasChildNodes;

var message = document.getElementById("fineprint");
if(message.hasChildNodes) {
  var children = message.childNodes;
}

name = node.nodeName;

속성 Node = 속성 이름
Text Node = "#text"

name = node.nodeName;

1 = ELEMENT_NODE
2 = ATTRIBUTE_NODE
3 = TEXT_NODE
4 = CDATA_SECTION_NODE
5 = ENTITY_REFERENCE_NODE
6 = ENTITY_NODE
7 = PROCESSING_INSTRUCTION_NODE
8 = COMMENT_NODE
9 = DOCUMENT_NODE
10 = DOCUMENT_TYPE_NODE
11 = DOCUMENT_FRAGMENT_NODE
12 = NOTATION_NODE

value = node.nodeValue;

속성 Node = 속성 값
Text Node = Text 내용
요소 Node = null

var message = document.getElementById("fineprint");
if(message.firstChild.nodeType == 3) {
  message.firstChild.nodeValue = "이 명령문은 실행됩니다.";
}

nodeList = node.childNodes;

nodeType, nodeName, nodeValue 같은 Node 프로퍼티로 구성
Text Node, 속성 Node 는 자식 노드 없음. childNodes는 빈 배열 값 포함이 반환
document.childNodes[0].nodeName 은 "HTML"

reference = node.firstChild;

nodeType, nodeName, nodeValue 같은 Node 프로퍼티로 구성
Text Node, 속성 Node 는 자식 노드 없음. childNodes는 빈 배열 값 포함이 반환
node.firstChild = node.childNodes[0]

reference = node.lastChild;

nodeType, nodeName, nodeValue 같은 Node 프로퍼티로 구성
Text Node, 속성 Node 는 자식 노드 없음. childNodes는 빈 배열 값 포함이 반환
node.firstChild = node.childNodes[elementNode.childNodes.length-1]

reference = node.nextSibling;

nodeType, nodeName, nodeValue 같은 Node 프로퍼티로 구성

reference = node.parentNode;

nodeType, nodeName, nodeValue 같은 Node 프로퍼티로 구성
반환되는 Node는 항상 요소 Node.

reference = node.previousSibling;

nodeType, nodeName, nodeValue 같은 Node 프로퍼티로 구성