從XML元素屬性值創建Javascript動態HREF

Question

我想使用javascript從xml文件的屬性創建動態HTML鏈接。

我使用以下代碼成功地將我需要的所有xml元素屬性（文件名）的列表寫到HTML頁面，但是現在需要創建鏈接。

鏈接的錨文本應為我以前使用document.write寫入HTML頁面的XML元素屬性（文件名）。 xml文件中這些文件名之一的示例是MyDocument.pdf。

href鏈接應由文本字符串前綴“ file：/// sdcard / portal /”組成，然后將相同的xml元素屬性（文件名）附加到組成鏈接的末尾。 例如：file：///sdcard/portal/MyDocument.pdf

我嘗試使用創建鏈接的document.write方法，但是由於我還需要在循環中使用[x [i] .getAttributeNode（“ name”）。nodeValue）以返回我正在苦苦掙扎的所有屬性使它工作。

謝謝

<!DOCTYPE html>
<html>
<head>
<script src="myxml-loadxmldoc.js"> 
</script>

</head>
<body>

<script>
xmlDoc=loadXMLDoc("MyDocuments.xml");
x=xmlDoc.getElementsByTagName("file");

for (i=0;i<x.length;i++)
{

document.write(x[i].getAttributeNode("name").nodeValue);
document.write("<br>");

}

</script>

</body>
</html>

Answer 1

從for循環的右上方開始嘗試此操作。

var path = "file:///sdcard/portal/"; //this will be constant between all iterations
for (i=0;i<x.length;i++)
{
    var filename = x[i].getAttributeNode("name").nodeValue; //the nodefile is the filename
    document.write("<a href=" + path + filename + ">" + filename + "</a>");
    document.write("<br>");

}

最終應該為您提供一個在html中看起來像這樣的標簽：

<a href="file:///sdcard/portal/MyDocument.pdf">MyDocument.pdf</a>

從XML元素屬性值創建Javascript動態HREF

問題描述

1 個解決方案

解決方案1
0 已采納 2013-05-01 14:11:05

從XML元素屬性值創建Javascript動態HREF

問題描述

1 個解決方案

解決方案1 0 已采納 2013-05-01 14:11:05

解決方案1
0 已采納 2013-05-01 14:11:05