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

我想使用javascript從xml文件的屬性創建動態HTML鏈接。從XML元素屬性值創建Javascript動態HREF

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

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

的HREF鏈接應該由一個文本字符串前綴的「文件：/// SD卡/門/」然後追加相同xml元素屬性（文件名）到組成鏈接的結尾。一個例子是文件：///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>

來源

2013-05-01 ladders81

試試這個，從右邊的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>

來源

2013-05-01 14:11:05

精湛，非常感謝丹尼爾，非常感謝！ – ladders81 2013-05-01 15:38:45

現在我想能夠對鏈接進行樣式設置，以便文本更大並且不會突出顯示爲超鏈接。我也想在表格中顯示鏈接。進一步的幫助將非常感謝。再次感謝 – ladders81 2013-05-13 12:51:06

這些都是HTML/CSS中的一些簡單的事情，這種問題實際上並不適用於StackOverflow評論。有大量的資源可以在線學習這些概念的基礎知識，並且我確定在這裏快速搜索StackOverflow會引導您爲每個問題找到答案。但是這裏有幾個鏈接讓你開始。 http://www.w3schools.com/html/html_tables.asp http://www.w3schools.com/css/css_text.asp – 2013-05-13 16:44:40

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

回答

相關問題