论坛首页 → AJAX版 → JavaScript →

JavaScript DOM 如何从XML中取值

 
浏览 541 次
主题：JavaScript DOM 如何从XML中取值
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
  • julycn
  • 等级: 初级会员
  • 用户头像
  • 性别:
  • 文章: 211
  • 积分: 80
  • 来自: 上海
时间：2007-12-20 关键字: JavaScript DOM AJAX XML
引用
JavaScript处理图片循环代码：

js 代码
  1. var interval = 2.5; // delay between rotating images (in seconds)
  2. var random_display = 1; // 0 = no, 1 = yes
  3. interval *= 10;
  5. var image_index = 0;
  6. var image_list = new Array();
  8. image_list[image_index++] = new imageItem("_img/0001.jpg");
  9. image_list[image_index++] = new imageItem("_img/0002.jpg");
  10. image_list[image_index++] = new imageItem("_img/0003.jpg");
  11. image_list[image_index++] = new imageItem("_img/0004.jpg");
  13. var number_of_image = image_list.length;
  14. function imageItem(image_location) {
  15. this.image_item = new Image();
  16. this.image_item.src = image_location;
  17. }
  18. function get_ImageItemLocation(imageObj) {
  19. return(imageObj.image_item.src);
  20. }
  21. function generate(x, y) {
  22. var range = y - x + 1;
  23. return Math.floor(Math.random() * range) + x;
  24. }
  25. function getNextImage() {
  26. if (random_display) {
  27. image_index = generate(0, number_of_image-1);
  28. }
  29. else {
  30. image_index = (image_index+1) % number_of_image;
  31. }
  32. var new_image = get_ImageItemLocation(image_list[image_index]);
  33. return(new_image);
  34. }
  35. function rotateImage(place) {
  36. var new_image = getNextImage();
  37. document[place].src = new_image;
  38. var recur_call = "rotateImage('"+place+"')";
  39. setTimeout(recur_call, interval);
  40. }


XML配置文件：

xml 代码
 
  1. <?xml version='1.0' encoding='UTF-8'?>  
  2. <!--  设置参加抽奖人员的信息  -->  
  3. <info>  
  4.     <person id='0001'>  
  5.         <name>员工 1</name>  
  6.     <state>0</state>  
  7.     </person>  
  8.     <person id='0002'>  
  9.         <name>员工 2</name>  
  10.     <state>0</state>  
  11.     </person>  
  12.     <person id='0003'>  
  13.         <name>员工 3</name>  
  14.     <state>0</state>  
  15.     </person>  
  16.     <person id='0004'>  
  17.         <name>员工 4</name>  
  18.     <state>0</state>  
  19.     </person>  
  20.     <person id='0005'>  
  21.         <name>员工 5</name>  
  22.     <state>0</state>  
  23.     </person>  
  24.     <person id='0006'>  
  25.         <name>员工 6</name>  
  26.     <state>0</state>  
  27.     </person>  
  28.     <person id='0007'>  
  29.         <name>员工 7</name>  
  30.     <state>0</state>  
  31.     </person>  
  32. </info>  


我希望JavaScript代码中的图片来源，从XML中取person 的Id作为图片的名称，然后循环，把图片的路径存入ArrayList数组中,请问如何处理，谢谢
返回顶楼
   
  • chenjf2k
  • 等级: 初级会员
  • 用户头像
  • 性别:
  • 文章: 38
  • 积分: 30
  • 来自: 福州
时间：2007-12-21
引用 
var picName = xmlDoc.documentElement.selectNode("//person/@id")
for(var i=0;i<picName.length;i++){
  alert(picName[i]);
}
返回顶楼
   
0 请登录后投票
 
论坛首页 → AJAX版 → JavaScript

跳转论坛:
JavaEye推荐