本文實(shí)例講述了JS實(shí)現(xiàn)讀取xml內(nèi)容并輸出到div中的方法。分享給大家供大家參考，具體如下：

note.xml文件結(jié)構(gòu):

George

John

Reminder

a

John

Reminder

George

John

Reminder

利用js將xml輸出到div中：

www.jb51.net js讀取xml

.aaaa{width: 30%;height: 50px;line-height: 50px;text-align: center;border: 1px solid darkblue;float: left;}

xmltext = new XMLHttpRequest;

xmltext.open("GET","note.xml",false);

xmltext.send();

a = xmltext.responseXML;

//document.getElementById("xmlid").innerHTML = a.getElementsByTagName("to")[2].childNodes[0].nodeValue;

x = a.getElementsByTagName("note");

for(i=0;i

{

document.write("

");

document.write(x[i].getElementsByTagName("to")[0].childNodes[0].nodeValue);

document.write("

");

document.write("

");

document.write(x[i].getElementsByTagName("heading")[0].childNodes[0].nodeValue);

document.write("

");

document.write("

");

document.write(x[i].getElementsByTagName("body")[0].childNodes[0].nodeValue);

document.write("

");

}

運(yùn)行效果：

PS：這里再為大家提供幾款關(guān)于xml操作的在線工具供大家參考使用：

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

總結(jié)

以上是生活随笔為你收集整理的网页java在div输出内容_JS实现读取xml内容并输出到div中的方法示例的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。