javascript - document.getElements と HTML を出力する JS の難しさ

Question

HTML ドキュメントの後半で既存の HTML コードを出力しようとしています。HTMLコードを出力に変更することはできず、JSだけで変更できます。関連するコードは、他のタグに使用されるクラスを持つ順序付けられていないリストです。

<ul class="styling">...

JS コード

var AllUl=document.getElementsByTagName("ul");
var AdminUL=AllUl.getElementsByClassName("styling");
var AdminHTML=AdminUL.outerHTML;

http://jsfiddle.net/fGF7g/3/ですべてが表示され、編集可能になります。

明らかなエラーがあれば申し訳ありません、私は JS の初心者です。

score 4 · Accepted Answer

getElementsByTagNameは、指定されたタグ名を持つ要素のリストを返すため、次のようにする必要があります。

var AllUl=document.getElementsByTagName("ul");
for(var i = 0; i < AllUl.length; i++ ) {
   var AdminUL=AllUl[i].getElementsByClassName("styling");
}

score 0 · Accepted Answer

問題は、配列document.getElementsByTagNameを返すことです。AllUL.getElementsByclassNameこの問題を解決するには、次のように for ループを使用して、そのクラス名を持つ要素を反復処理する必要があります。

var AllUL=document.getElementsByTagName("ul");
for(var i = 0; i < AllUL.length; ++i) {
   var AdminUL=AllUL[i].getElementsByClassName("styling");
}

2 に答える 2