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

Question

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

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

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

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

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

干杯

Answer 1

在添加到图像标签之前，您可以检查nodeValue它是否包含图像扩展名.png、.jpg、.gif等：

演示：

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;
}