如何使用HTML文件中的XML文档链接插入图像？

Question

我有一个XML文件，我正在从文档中创建一个HTML文件。

我正在使用此

从XML文档中获取信息

document.getElementById("name").innerHTML=
xmlDoc.getElementsByTagName("url")[1].childNodes[0].nodeValue;

对于HTML文档中的文本，我正在做这样的事情     <p id = "url"></p>

我不知道“url”的文本是否是图片的网址，如何将此网址插入HTML图片代码，以便将图片插入到我的网页中？

干杯

Answer 1

在添加到图片代码之前，您可以检查nodeValue其中是否包含图片扩展名 .png，.jpg，.gif 等：

DEMO:

var nodeVal = xmlDoc.getElementsByTagName("url")[1].childNodes[0].nodeValue;
if(nodeVal.indexOf('.png') > -1 || nodeVal.indexOf('.jpg') > -1 || nodeVal.indexOf('.gif') > -1){
    document.getElementById("yourImageTagId").src = nodeVal;
}