0

サーバーでホストされている XML データを読み取り、それを HTML ドキュメントに表示します。そのために、次のことを行います。

var a1 = xml.getElementsByTagName('a1')[0].childNodes[0];
var A1 = document.getElementById("A1");
A1.innerHTML = a1.nodeValue;

ここで、a1 はサーバーに保存されている XML の ID です。この手順は何度も行う必要があり、変更されるのはフィールドの ID だけです。つまり、次のようになります。

var a1 = xml.getElementsByTagName('a1')[0].childNodes[0];
var a2 = xml.getElementsByTagName('a2')[0].childNodes[0];
var a3 = xml.getElementsByTagName('a3')[0].childNodes[0];
var a4 = xml.getElementsByTagName('a4')[0].childNodes[0];
var a5 = xml.getElementsByTagName('a5')[0].childNodes[0];

var A1 = document.getElementById("A1");
var A2 = document.getElementById("A2");
var A3 = document.getElementById("A3");
var A4 = document.getElementById("A4");
var A5 = document.getElementById("A5");

A1.innerHTML = a1.nodeValue;
A2.innerHTML = a2.nodeValue;
A3.innerHTML = a3.nodeValue;
A4.innerHTML = a4.nodeValue;
A5.innerHTML = a5.nodeValue;

すべてが正常に機能し、期待どおりのデータが得られますが、私の質問はこれです。コードを最適化して、必要な数の行を使用しないようにする方法はありません。つまり、次のようなものを使用します

for (i=1;i<=5;i++){
    var a[i] = xml.getElementsByTagName('a[i]')[0].childNodes[0];
}

私は知りません, 私に起こる何かです, 私はこれに不慣れであり、その疑いが生成されています. 情報に感謝します, ご挨拶!

4

1 に答える 1

1

はどこa[i]から来たのですか？必要なのは文字列連結だけです:

for(var i = 0; i <= 5; i++) {
    document.getElementById('a' + i).innerHTML = xml.getElementsByTagName('a' + i)[0].firstChild.nodeValue;
}
于 2012-09-22T18:45:23.557 に答える