如何在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; 
}