如何在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是否包含图像扩展巴纽，.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; 
}