JavaScript の XML ファイルの解析と読み取りには、主に XML ファイルのロードと解析が含まれます。その後、解析された XML ファイルの内容をテストして出力できます。
オンラインデモ: http://demo.jb51.net/js/2012/readxml/
注: テストするときは、Web サイト (iis または apache) でテストする必要があるため、注意してください。ローカルではありませんダブルクリックしてテストを実行します
index.htm

コードをコピーしますコードは次のとおりです:

スクリプトホーム ">
function show( )
{
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else
{
xmlhttp=new ActiveXObject("Microsoft .XMLHTTP");
}
if(xmlhttp!=null)
{
xmlhttp.open("GET","jb51.xml",false) );
xmlhttp.send(null);
var メニュー=responsexml.getElementsByTagName("Menus")[0]; 🎜>for(var i=0; i{
var menu=menus.childNodes[i];
html=html "

" メニュー。 getAttribute("name") "< /h1>
";
html=html "

" menu.childNodes[0].getAttribute("name") "

< ;br>";
for (var j=0;j{
var mi=menu.childNodes[0].childNodes[j ];
var url=mi .getAttribute("url");
var txt=mi.childNodes[0].nodeValue;
html=html "
";
}
}
document.getElementById("tb").innerHTML=html;
}
else
{
alert("どのブラウザを使用していますか? ");
}
}

🎜>
コードをコピー

コードは次のとおりです: <メニュー> <メニュー id="0" name="ホーム">

バックエンドホームページ

テスト ページ 
 
<メニュー id="0" name="Try"> >
バックエンド ホームページ< /MenuItem> 
テスト ページ 
 
TABLE は表示が逆なので使用しないので、変数を設定して表示します。

次に別の例を示します。 

XML ファイルからデータを読み取るための JavaScript クラスを作成します。実装コードは次のとおりです。

Copy code

コードは次のとおりです:

人気のチュートリアル

詳細>

JavaScript の解析と XML ドキュメントの読み取りサンプル code_javascript スキル

" メニュー。 getAttribute("name") "< /h1>"; html=html "

" menu.childNodes[0].getAttribute("name") "

" メニュー。 getAttribute("name") "< /h1>
";
html=html "