HTML的超链接文本如何动态的改变

来源:百度知道 编辑:UC知道 时间:2024/05/30 02:27:13
如何将xml中的内容动态的加入到html的超链接文本中
例:
<?xml version="1.0" encoding="utf-8" ?>
<DLHDINDEX>
<AspTXTTitle>新闻1</AspTXTTitle>
</DLHDINDEX>

如何将新闻1变成超链接的文本

xml内容 保存到t.xml
以下html保存到t.html

<html>
<script>
window.onload = function(){
var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.3.0");
xmlDoc.load("t.xml");
var rootNode = xmlDoc.documentElement;
var titleNode = rootNode.getElementsByTagName("AspTXTTitle")[0]; //第一个AspTXTTitle节点
var textNode = titleNode.firstChild;//文本节点
document.getElementById("d1").innerHTML = "<a href=#>" +textNode.nodeValue + "</a>"; //这里是简略写法 ,如果要结构化的话,应该把文本加入到新的<a>节点中,再把<a>节点挂到div中,再添加href属性
};

</script>
<body>
<div id="d1"></div>
</body>
</html>

主要就是javascript + dom