제7장. Parser & DOM

제9장. XML문서 작성하기

문서에 노드 추가 방법

문서 내에 신규 노드 만들기

[신규 생성] 엘리먼트노드 = 문서.createElement(“태그이름”),
[신규 생성] 데이터노드 = 문서.createTextNode(“노드값”)
[데이터 붙이기] 엘리먼트노드.appendChild(데이터노드)

원하는 노드 밑에 붙이기

[원하는 위치에] 원하는노드.appendChild(신규노드)
[새문서, 특수노드] 문서.appendChild(신규노드)

속성 만들기

[신규생성] 속성노드 = 문서.createAttribute(“속성명”),
[속성값 설정] 속성노드.nodeValue = “속성값”,
[속성 붙이기] 해당 노드.setAttributeNode(속성노드)
해당노드.attributes.setNamedItem(속성노드)
[또는] 해당 노드.setAttribute(“속성명”, “속성값”)

Document 객체에 노드 추가 메소드

createElement(name), createAttribute(name),

createTextNode(data), createCDATASection(data),

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

createEntityReference(name), createDocumentFragment()

xmldoc.async = false;
xmldoc.loadXML( "<book> <title> XML 입문 </title> <author> 일지매 </author> </book>");
elmt = xmldoc.createElement("pages"); alert(elmt.xml);
pg = xmldoc.createTextNode("386"); alert(pg.xml);
stock = xmldoc.createAttribute("Instock"); alert(stock.xml);
cd = xmldoc.createCDATASection("<1>"); alert(cd.xml);
alert(xmldoc.xml);

xmldoc.loadXML( "<book> <title> XML 입문 </title> <author> 일지매 </author> </book>");
cmt = xmldoc.createComment("노드추가"); alert(cmt.xml);
pi = xmldoc.createProcessingInstruction("xml-stylesheet", "type='text/xsl' href='ex7.xsl'"); alert(pi.xml);
ent = xmldoc.createEntityReference("myEnt"); alert(ent.xml);
df = xmldoc.createDocumentFragment(); alert(df.xml);
alert(xmldoc.xml);

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

appendChild(child), removeChild(child), replaceChild(child,toReplace),
insertBefore(child,before), cloneNode(deep)

xmldoc.async = false;
xmldoc.loadXML( "<book> <title> XML 입문 </title> <author> 일지매 </author> </book>");
elmt = xmldoc.createElement("pages");
pg = xmldoc.createTextNode("386");
elmt.appendChild(pg);
alert(elmt.xml); alert(xmldoc.xml);
xroot = xmldoc.documentElement;
xroot.appendChild(elmt);
alert(xmldoc.xml);
cl = elmt.cloneNode(2);
xroot.appendChild(cl, xroot.firstChild);
alert(xmldoc.xml);

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

cmt = xmldoc.createComment("노드추가");
xmldoc.insertBefore(cmt, xmldoc.firstChild); alert(xmldoc.xml);
xroot = xmldoc.documentElement; alert(xroot.nodeName);
elmt = xmldoc.createElement('list');
elmt.appendChild(xroot); alert(elmt.xml);
xmldoc.documentElement = elmt; alert(xmldoc.xml);

DOM의 계층구조

속성의 추가/삭제/수정

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

Attr 노드 : nodeValue = “속성값”

name, value, specified 속성 (nodeName, nodeValue, nodeType 등 속성)

Element 노드 :

setAttributeNode(속성노드), removeAttributeNode(속성노드)
setAttribute(“속성명”, “속성값”), getAttribute(“속성명”), removeAttribute(“속성명”)

NamedNodeMap 객체 :

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

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

xmldoc.loadXML( "<book> ... </book>");
xroot = xmldoc.documentElement;
xroot.setAttribute('InStock','7');
alert(xroot.xml);
st1 = xroot.getAttribute('InStock');
st2 = xroot.attributes.getNamedItem('InStock');
st3 = xroot.getAttributeNode('InStock');
alert('[1] '+st1+'[2] '+st2.xml+'[3] '+ st3.xml);
xroot.setAttribute('InStock','9');
alert(xroot.xml);
xroot.removeAttribute('InStock');
alert(xmldoc.xml);

문서의 변환

transformNode(스타일시트)

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