javascipt中如何操作xml(2) 读

原创于 2008-03-21 09:14:00 发布 · 506 阅读

·

1

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

#xml #url #image #html #encoding #function

本文介绍了一种利用XML文件存储图片路径及描述，并通过JavaScript读取这些数据以动态展示图片的方法。具体实现中，使用了ActiveXObject进行XML文档解析，并通过getElementsByTagName获取所需节点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>

<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>

<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<html>

<head>

</head>

<script>

function GetXMLNodeValue(url){

var dom = new ActiveXObject("Microsoft.XMLDOM") ;

dom.async=false ;

dom.load(url)

cadPhoto = dom.getElementsByTagName("cadPhoto"); //֢oˇͼƬµŃ�

resultDiv = document.getElementById("result");

var str = "";

for(var i=0;i<cadPhoto.length;i++){

childNodeList = cadPhoto[i].childNodes;

urlNode = childNodeList[0].nodeTypedValue;

altNode = childNodeList[1].nodeTypedValue;

str = str+ "<img src='"+urlNode+"' onclick="alert('"+altNode+"')"/><br/>";

}

resultDiv.innerHTML = str;

}

</script>

<body onload="GetXMLNodeValue('NewFile.xml')">

<div id="result">

</div>

</body>

</html>

<?xml version="1.0" encoding="UTF-8"?>

<root>

<productId>

<cadPhoto>

<url> image/1.jpg </url>

<alt> ֢ˇµے»օͼƬ </alt>

</cadPhoto>

<cadPhoto>

<url> image/2.jpg </url>

<alt> ֢ˇµڶ�¬ </alt>

</cadPhoto>

<cadPhoto>

<url> image/3.jpg </url>

<alt> ֢ˇµۈ�¬ </alt>

</cadPhoto>

<cadPhoto>

<url> image/4.jpg </url>

<alt> ֢ˇµۋŕƍ¼Ƭ </alt>

</cadPhoto>

</productId>

</root>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。