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

note.xml文件結構:

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("

");

}

運行效果：

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

希望本文所述對大家JavaScript程序設計有所幫助。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。