설명이 따로 필요 없는 예제
<html>
<body>
<script type="text/javascript">
var xmlDoc=null;
if (window.ActiveXObject)
{
// IE용
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
else if (document.implementation.createDocument)
{
// Mozilla, Firefox, Opera, 기타 용
xmlDoc=document.implementation.createDocument("","",null);
}
else
{
alert('XML을 사용못하는 브라우저임');
}
if (xmlDoc!=null)
{
xmlDoc.async=false;
xmlDoc.load("tel.xml");
var x=xmlDoc.getElementsByTagName("mem");
for (i=0;i<x.length;i++)
{
document.write(x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);
document.write(':');
document.write(x[i].getElementsByTagName("cell")[0].childNodes[0].nodeValue);
document.write('<br>');
}
}
</script>
</body>
</html>
tel.xml 파일
<!-- Edited by Notepad-->
<MyCompany>
<mem>
<part>영업</part>
<name>홍길동</name>
<tno>1111</tno>
<cell>01033334444</cell>
<birth>11/15</birth>
</mem>
<mem>
<part>관리</part>
<name>홍당무</name>
<tno>2222</tno>
<cell>01022220000</cell>
<birth>11/11</birth>
</mem>
<mem>
<part>개발</part>
<name>최말봉</name>
<tno>6153</tno>
<cell>01077775555</cell>
<birth>3333</birth>
</mem>
<mem>
<part>홍보</part>
<name>최고봉</name>
<tno>4444</tno>
<cell>01088889999</cell>
<birth>01/15</birth>
</mem>
</MyCompany>
자바 스크립트에서 XML 파일의 맴버들을 참조하는 것은 의외로 쉬웠다.
'Tech develop > Javascript' 카테고리의 다른 글
| 모바일 웹 사이트 만들기 팁 결정판!! (0) | 2014.11.11 |
|---|---|
| [javascript]JQuery를 사용한 크로스도메인 xml 파싱 하기 (1) | 2014.11.05 |
| [javascript] 특정 HTML DOM 엘레멘트로 스크롤 이동하기 (0) | 2014.11.04 |
| [javascript]스크립트 링크 삽입하기(헤더에) (0) | 2014.10.31 |
| [javascript] utf-8일때 한글 깨짐 해결 (0) | 2014.10.31 |
