웹모아
웹모아[손님] 검색   로그인    


 
DHTML
 


자바스크립트를 이용해서 XML문서를 변수에 저장하고 싶습니다.
  2008-07-29 03:53:29 댓글:(0)   조회:496


xml 문서를 html으로 불러 오려면

 

<script>
var xDoc = new ActiveXObject("Microsoft.XMLDOM");
xDoc.async = false;
xDoc.load("data.xml");

</script>

 

위와 같은 스크립트를 사용합니다.

 

input 태크로 보여주려 하신다는데...

 

각각의 텍스트상자에 각각의 데이터를 각각 뿌려준다는 말인지요...

 

일단 xml 문서의 텍스트 데이터만 <textarea> 안에 표시하는 예제는...

 

<script>
function loadxml()
{
 var xDoc = new ActiveXObject("Microsoft.XMLDOM");
 xDoc.async = false;
 xDoc.load("data.xml");
 document.all.a1.value = xDoc.text;
}
</script>

<textarea name="a1" rows="12" cols="40"></textarea>

<input type="button" value="xml 로드" onClick="loadxml()">

 

도움되시길... ^^&*

------------ 수정 -------------
 

<script>
function loadxml()
{
 var xDoc = new ActiveXObject("Microsoft.XMLDOM");
 xDoc.async = false;
 xDoc.load("data.xml");
 var root = xDoc.documentElement;
 var html = "";
 for(var i=0; i<root.childNodes.length;i++) {
  html += "<br>" + root.childNodes.item(i).getAttribute("num") + " 번 아이템";
  html += "<table width=200 border=1 cellpadding=0 cellspacing=0>";
  for(var j=0; j<root.childNodes.item(0).childNodes.length; j++)
  {
   html += "<tr><td>";
   html += root.childNodes.item(i).childNodes.item(j).tagName + "</td><td><input type=text value=" + root.childNodes.item(i).childNodes.item(j).text + "></td></tr>";
  }
  html += "</table>";
 }
 document.all.oa.innerHTML = html;
}
</script>

 

<!-- <textarea name="a1" rows="12" cols="40"></textarea> --><input type="button" value="xml 로드" onClick="loadxml()">
<div id="oa"></div>

각 데이터를 변수에 축적해 마지막 innerHTML 로 html 내용을 추가



 댓글 (0)


DHTML
페이지: 1 / 2   


   dtd를 선언370
   ajax 구현중 타도메인 문제인데요408
   도메인 영역을 넘을 수 있는 서비스 만들기Silve314
   새로운 기사보기464
   서버시간 보여주기586
   ajax로 네이버 소스보기460
   XML DOM 다중 셀렉트638
   Ajax에서 XML 처리하기, Part 1: 네 가643
   ajax의 XMLHttpRequest 객체에 대해443
     [RE] ajax의 XMLHttpRequest 객체587
자바스크립트를 이용해서 XML문서를 변수에 저장하고497
   php에서 db에 저장된 내용을 xml로 출력하고싶521
   웹스퀘어를 위한 개선책 - DIV - IE의 경우434
     [RE] 웹스퀘어를 위한 개선책 - DIV - Fi398
   dynamic.src480
   폼리로드시 깜박거리지 않게 - innerHTML 사1205
   CSS3 로 HTML을 인쇄하기.부제’CSS3와 함(홈마스타)739
   scrollHeight(홈마스타)472
   select 상자에서 추가, 삭제 하기(홈마스타)650
   레이어 다루기(홈마스타)329
   테이블 행 삽입,삭제(홈마스타)1043
   createElement()(홈마스타)458
     [RE] createElement() 예제1(홈마스타)365
   style="padding " 위치(홈마스타)354
     [RE] style=\(홈마스타)(1) 352
   기본 스타일시트 사용(홈마스타)343
   option박스 스타일시트 문제(홈마스타)379
   동적으로 테이블의 tr 생성 및 삭제(홈마스타)1264
   Dynamic Javascript(홈마스타)439
   [Dynamic js]서버와 클라이언트 간에 데이터(홈마스타)497
≪ [1]  [2]   ≫

복수단어 검색은 공백(space)로 구분해 주세요.



 
최근 글
[손님]
97
87
240
423
659
392
433
246
366
3819
921
960
1224
979
4282
 
인기 글
[손님]
3121
5376
3076
3075
3288
3764
3123
4367
3293
3677
3828
15090
4147
7460
6905