0

我想使用 javascript 从 xml 文件的属性创建动态 HTML 链接。

我已使用以下代码成功编写了 HTML 页面所需的所有 xml 元素属性（文件名）的列表，但现在需要创建链接。

链接的锚文本应该是我之前使用 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>
4

1 回答 1

0

试试这个，从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-01T14:11:05.407 回答