ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript の解析と XML ドキュメントの読み取りサンプル code_javascript スキル
JavaScript の解析と XML ドキュメントの読み取りサンプル code_javascript スキル
- WBOYオリジナル
- 2016-05-16 18:50:241140ブラウズ
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
コードは次のとおりです:
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"> >
TABLE は表示が逆なので使用しないので、変数を設定して表示します。
次に別の例を示します。
XML ファイルからデータを読み取るための JavaScript クラスを作成します。実装コードは次のとおりです。
Copy code
コードは次のとおりです: