如何使用来自 XML 文档的链接在 HTML 文件中插入图像？答案

【问题标题】：How to insert image using link from XML document in a HTML file?如何使用来自 XML 文档的链接在 HTML 文件中插入图像？
【发布时间】：2013-03-24 21:06:33
【问题描述】：

我有一个 XML 文件，我正在从该文档制作一个 HTML 文件。

我现在正在使用这个从 XML 文档中获取信息

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

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

我不知道“url”的文本是否是图像的 URL，如何将此 URL 插入 HTML 图像标签，以便将图像插入页面？

干杯

【问题讨论】：

标签： html xml

【解决方案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;
}

【讨论】：