제8장. DOM

문서에 노드 추가 방법
	1. 문서 내에 신규 노드 만들기 [신규 생성] 엘리먼트노드 = 문서.createElement(“태그이름”) [신규 생성] 데이터노드 = 문서.createTextNode(“노드값”) [데이터 붙이기] 엘리먼트노드.appendChild(데이터노드) 2. 원하는 노드 밑에 붙이기 [원하는 위치에] 부모노드.appendChild(신규노드) 또는 부모노드.insertBefore(신규노드, 기존노드) [새문서, 특수노드] 문서.appendChild(신규노드) 3. 속성 만들기 [신규생성] 속성노드 = 문서.createAttribute(“속성명”) [속성값 설정] 속성노드.nodeValue = “속성값” [속성 추가] 해당노드.attributes.setNamedItem(속성노드) [또는] 해당 노드.setAttribute(“속성명”, “속성값”)

Document 객체에 노드 추가(신규생성) 메소드

createElement(name), createAttribute(name),

createTextNode(data), createCDATASection(data),

createComment(data), createProcessingInstruction(target,data), ...

xdoc.async = false;
xdoc.loadXML( "<book> <title> XML 입문 </title> <author> 일지매 </author> </book>");
elmt = xdoc.createElement("pages"); alert(elmt.xml);
pg = xdoc.createTextNode("386"); alert(pg.xml);
stock = xdoc.createAttribute("Instock"); alert(stock.xml);
cmt = xdoc.createComment("노드추가"); alert(cmt.xml);
pi = xdoc.createProcessingInstruction("xml-stylesheet", "type='text/xsl' href='ex8.xsl'");
alert(pi.xml);
cd = xdoc.createCDATASection("<1>"); alert(cd.xml);
alert(xdoc.xml);

노드의 추가 (Node, Document 객체 메소드)

appendChild(child)
insertBefore(child,before)

xdoc.loadXML( "<book> <title> XML 입문 </title> <author> 일지매 </author> </book>");
elmt = xdoc.createElement("pages");
pg = xdoc.createTextNode("386");
elmt.appendChild(pg); alert(elmt.xml +'\n----------\n' + xdoc.xml);
xroot = xdoc.documentElement;
xroot.appendChild(elmt); alert(xdoc.xml);

xdoc.loadXML( "<book> ... </book>");
cmt = xdoc.createComment("노드추가");
xdoc.appendChild(cmt);  alert(xdoc.xml);    // 문서에 노드 연결
xroot = xdoc.documentElement;  alert('[root] : '+xroot.nodeName);
pi = xdoc.createProcessingInstruction("xml-stylesheet", "type='text/xsl' href='ex7.xsl'");
xdoc.insertBefore(pi,xroot); alert(xmldoc.xml); // 문서에 노드 연결
xroot = xdoc.documentElement;  alert('[root] : '+xroot.nodeName);

중간에 노드 삽입할 때 주의

cmt = xdoc.createComment("노드추가");
xdoc.insertBefore(cmt, xdoc.firstChild); alert('[xdoc] :\n'+xdoc.xml);
xroot = xdoc.documentElement; alert('[root] : '+xroot.nodeName);
elmt = xdoc.createElement('list');
elmt.appendChild(xroot); alert('[elmt] :\n\n'+elmt.xml);
xdoc.documentElement = elmt; alert('[xdoc] :\n\n'+xdoc.xml);

노드의 삭제/수정 (Node, Document 객체 메소드)

removeChild(child), replaceChild(child,toReplace)

xdoc.loadXML( "<book> <title> XML 입문 </title> <author> 일지매 </author> </book>");
xroot = xdoc.documentElement;
elmt = xroot.firstChild; node=elmt.removeChild(elmt);
alert('[삭제] :\n\n'+node.nodeValue); alert('[결과] :\n\n'+xdoc.xml);
elmt = xroot.lastChild; node=xroot.removeChild(elmt);
alert('[삭제] :\n\n'+node.xml); alert('[결과] :\n\n'+xdoc.xml);

속성의 추가/삭제/수정

Document 객체 : createAttribute(“속성명”)

Attribute 노드 : nodeValue = “속성값”

nodeName, nodeValue, nodeType 등 속성

NamedNodeMap 객체 :

getNamedItem("속성명"), setNamedItem(속성노드), removeNamedItem("속성명")

xdoc.loadXML( "<book> ... </book>");
elmt = xdoc.createElement('price');
cur = xdoc.createAttribute('currency'); alert(cur.xml);
elmt.attributes.setNamedItem(cur); alert(elmt.xml);
cur.nodeValue = 'won';  elmt.text = '33000';   alert(elmt.xml);
stock = xdoc.createAttribute('InStock');
stock.nodeValue=7;   alert(stock.xml);
xroot = xdoc.documentElement;  xroot.appendChild(elmt);
xroot.attributes.setNamedItem(stock); alert(xdoc.xml);

Element 노드 :

setAttribute(“속성명”, “속성값”), getAttribute(“속성명”), removeAttribute(“속성명”)

xdoc.loadXML( "<book> ... </book>");
elmt = xdoc.createElement('price');
elmt.setAttribute('currency','won'); elmt.text = '33000'; alert(elmt.xml);
xroot = xdoc.documentElement; xroot.appendChild(elmt);
xroot.setAttributes('InStock','7'); alert(xdoc.xml);
st1 = xroot.getAttribute('InStock');
st2 = xroot.attributes.getNamedItem('InStock'); alert('[1] '+st1+'\n[2] '+st2.xml);
xroot.setAttribute('InStock','9'); alert(xroot.xml);
xroot.removeAttribute('InStock'); alert(xdoc.xml);

텍스트 노드 다루기

length, data (text) 속성
substringData(offset, length); appendData(string); insertData(offset,string);
deleteData(offset,length); replaceData(offset,leng,string); 메소드
splitText(offset) 메소드

xdoc.loadXML('<book> <title> XML 입문 </title> <author> 일지매 </author> </book>');
xroot = xdoc.documentElement;
tnode=xroot.firstChild.firstChild; alert('[length] : '+tnode.length+'-------'+tnode.data);
alert(tnode.substringData(5,1) +''+tnode.substringData(2,200));
tnode.appendData('**'); tnode.insertData(5,'**'); alert(tnode.text);
tnode.deleteData(5,2); tnode.replaceData(7,3,' #'); alert(tnode.data);

xdoc.loadXML('<book> ... </book>');
xroot = xdoc.documentElement;
elmt = xroot.firstChild; tnode=elmt.firstChild; tnode.splitText(5);
alert(elmt.xml+'------'+tnode.data+'-------'+elmt.lastChild.data);
node = xmldoc.createElement('br'); elmt.insertBefore(node,elmt.lastChild); alert(elmt.xml);

문서의 변환

transformNode(스타일시트)

xdoc.async = false;
xdoc.load('ex07a.xml'); alert(xdoc.xml);
xsldoc.async = false;
xsldoc.load('ex07a.xsl'); alert(xsldoc.xml);
var newdoc =
xdoc.transformNode(xsldoc.XMLDocument);
alert(newdoc);
document.write(newdoc);