根据 XML 属性的值更改图像答案

【问题标题】：Change image depending on the value of XML property根据 XML 属性的值更改图像
【发布时间】：2019-03-14 20:20:49
【问题描述】：

在下面的 sn-p 中，我希望能够根据使用 json 和 ajax 的外部 XML 文件的值来更改图像。例如，如果 BASIC 的值为 1:00，则图像将为 1.png，如果为 12:00，则图像将更改为 2.gif。我尝试在谷歌搜索安静一段时间，但没有任何运气。虽然我相信我可以使用 GET 方法导入 XML 文件的值，但我不确定如何将 XML 的值传递给 javascript 对象并从那里执行一个函数。

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
</head>

<body>

  <head>
</head>

<img src="http://pluspng.com/img-png/dbz-png-imagenes-que-les-volaran-la-mente-2-imagenes-900.png" style="width: 400px; height: 500px;">
  

</body>

</html>

<?xml version="1.0"?>
<Objects>
  <Object Type="System.Management.Automation.PSCustomObject">
    <Property Name="Label1" Type="System.String">BASIC</Property>
    <Property Name="Label2" Type="System.String">1:00</Property>
  </Object>
</Objects>

将不胜感激任何想法或 sn-p 以实现我的目标。提前致谢！

【问题讨论】：

标签： javascript html json ajax xml

【解决方案1】：

即使我做 JSON，我也会尝试回答。

使用 ajax 获取您的 XML 数据。
然后写一个函数在onreadystatechange中调用。
函数调用应如下所示：myFunction(this);
像这样编写你的函数：

function myFunction(stuff)
{
 var myStuff = stuff.responseXML;
 var s = myStuff.getElementsByTagName("Object");
 //your if statement here

}

使用s[0].getElementsByTagName("TITLE")[0].childNodes[1].nodeValue获取数据。

【讨论】：