[英]Javascript Dynamic HREF Creation from XML Element Attribute Values
我想使用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>
从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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.