JavaScript操作XML使用百度RSS作为新闻源示例

varmain=document.getElementById("content").getElementsByTagName("DIV");
/*
*当前目录下面有一个名为xml的子文件夹，下面引用的源保存在目录下。
*下面每一行的冒号前面是文件名，后面是xml源地址（可以从源址下载得到xml文件，下载后保存为对应文件名）
*可以在下面的地址上单击右键，选择目标另存为，下载后得到的是txt文件，更改扩展名为xml即可
*movie:"http://news.baidu.com/n?cmd=1&class=film&tn=rss"
*woman:"http://news.baidu.com/n?cmd=1&class=healthnews&tn=rss"
*house:"http://news.baidu.com/n?cmd=1&class=housenews&tn=rss"
*car:"http://news.baidu.com/n?cmd=1&class=autonews&tn=rss"
*sport:"http://news.baidu.com/n?cmd=1&class=sportnews&tn=rss"
*edu:"http://news.baidu.com/n?cmd=1&class=edunews&tn=rss"
*/
varRssSource={
movie:"xml/movie.xml",
woman:"xml/woman.xml",
house:"xml/house.xml",
car:"xml/car.xml",
sport:"xml/sport.xml",
edu:"xml/edu.xml"
}
functionInit(){
LoadXml(RssSource.movie,main[0]);
LoadXml(RssSource.woman,main[1]);
LoadXml(RssSource.house,main[2]);
LoadXml(RssSource.car,main[3]);
LoadXml(RssSource.sport,main[4]);
LoadXml(RssSource.edu,main[5]);
}
functionLoadXml(url,target){
varxml=null;
varisIE=true;
if(window.ActiveXObject)//IFIE
{
xml=newActiveXObject("Microsoft.XMLDOM");
isIE=true;
}elseif(document.implementation.createDocument)//IFFF
{
xml=document.implementation.createDocument("","",null);
isIE=false;
}
xml.async=false;
xml.load(url);
//获取XML文档根节点
varroot=xml.documentElement;
//获取RSS的XML源中的item节点
varitems=root.getElementsByTagName("item");
//创建DOm对象——RSS标题
varhead=document.createElement("dt");
head.setAttribute("style","background-color:#ccc;cursor:pointer;");
if(isIE){//IE时操作
head.innerHTML="<b>"+(root.getElementsByTagName("title")[0].text).substring(2,6)+"</b>_{"+root.getElementsByTagName("pubDate")[0].text+"}";
target.appendChild(head);
//创建DOm对象——RSS列表
varul=document.createElement("ul");
//把列表添加到DIV容器中
target.appendChild(ul);
//循环输出每天新闻到li中，其中items.length是新闻条数
for(i=0;i<items.length;i++){
//创建DOM对象li，存放新闻
varli=document.createElement("li");
//创建DOM超链接对象
varlk=document.createElement("a");
//时间
//超链接的title属性，同时用于保存新闻文本
lk.title=items[i].selectSingleNode("title").text;
//设置超链接的href属性
lk.href=items[i].selectSingleNode("link").text;
//超链接显示的文本,若长于15个字符，则截取，然后加上...
lk.innerHTML=lk.title.length>18?lk.title.substring(0,16)+"....":lk.title;
//lk.innerText=lk.title;
//把li添加到ul中
ul.appendChild(li);
//把超链接添加到li中
li.appendChild(lk);
}
}else{//非IE时操作
head.innerHTML="<b>"+(root.getElementsByTagName("title")[0].textContent).substring(2,6)+"</b>_{"+root.getElementsByTagName("pubDate")[0].textContent+"}";
target.appendChild(head);
//创建DOm对象——RSS列表
varul=document.createElement("ul");
//把列表添加到DIV容器中
target.appendChild(ul);
//循环输出每天新闻到li中，其中items.length是新闻条数
for(i=0;i<items.length;i++){
//创建DOM对象li，存放新闻
varli=document.createElement("li");
//创建DOM超链接对象
varlk=document.createElement("a");
//时间
//超链接的title属性，同时用于保存新闻文本
lk.title=items[i].getElementsByTagName("title")[0].textContent;
//设置超链接的href属性
lk.href=items[i].getElementsByTagName("link")[0].textContent;
//超链接显示的文本,若长于15个字符，则截取，然后加上...
lk.innerHTML=lk.title.length>18?lk.title.substring(0,16)+"....":lk.title;
//lk.innerText=lk.title;
//把li添加到ul中
ul.appendChild(li);
//把超链接添加到li中
li.appendChild(lk);
}
}
}