Javascript 图像通过XML转换为HTML

Javascript 图像通过XML转换为HTML,javascript,html,xml,image,Javascript,Html,Xml,Image,我有一个图像文件夹,这些图像需要显示在一个HTML页面上,我正在使用一个excel电子表格导出到XML,然后使用Javascript(从W3S复制和粘贴)导入到HTML中 我需要做的是使用XML从images文件夹中获取图像,并将其显示在h2和h3之间 我如何做到这一点,以及它在下面的XML文件和Javascript中是什么样子? 每个div(下面)都需要是指向不同页面的链接 此外,XML上的项目需要可索引/可搜索我有谷歌自定义网站搜索 提前谢谢 <script type="text/ja

我有一个图像文件夹,这些图像需要显示在一个HTML页面上,我正在使用一个excel电子表格导出到XML,然后使用Javascript(从W3S复制和粘贴)导入到HTML中

我需要做的是使用XML从images文件夹中获取图像,并将其显示在h2和h3之间

我如何做到这一点,以及它在下面的XML文件和Javascript中是什么样子? 每个div(下面)都需要是指向不同页面的链接

此外,XML上的项目需要可索引/可搜索我有谷歌自定义网站搜索

提前谢谢

<script type="text/javascript">
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","cdcat.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;


var x=xmlDoc.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
  { 
 document.write("<div  class=\"feat_product\"><h2>");
 document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
 document.write("</h2><h3>");
 document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
 document.write("</h3></div>");
 }
</script>

if(window.XMLHttpRequest)
{//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest();
}
其他的
{//IE6、IE5的代码
xmlhttp=新的ActiveXObject(“Microsoft.xmlhttp”);
}
open(“GET”,“cdcat.xml”,false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
var x=xmlDoc.getElementsByTagName(“CD”);

对于(i=0;i我不会为您编写代码,但会解释方法:

您需要使用
img
元素,并将
src
属性设置为图像公开的公共路径。这是用javascript实现的


在XML中,对于每个
CD
元素,您都需要在图像路径中传递,才能被javascript使用。

谢谢,但我不知道这意味着什么。我是新手。@DigitalRobotGorilla-我不知道您不懂什么。您不熟悉什么?javascript?HTML?XML?所有这些?@DigitalRobotGorilla-您需要查一下
元素
属性
的意思。@DigitalRobotGorilla-那么这远远超出了我们能为您提供的任何帮助。我希望这是一个快速解决方案,但我想不是。在静态网站上手动逐行插入每个项目,然后遇到XML/Javascript的1000多个项目中,我只有三分之一。大部分都是我搞不懂的图像部分。我相信你从“w3c”复制的这段代码可能来自w3c学校,它在任何方面、形状或形式上都不隶属于w3c。@Rob是的,你是正确的。已修订。