select
要素を、ユーザーのFacebookフレンド(JSONオブジェクトとして取得)のリストとともに作成したいと考えています。私は私のHTMLに<select id="friends"></select>
をハードコーディングし、JSONを解析するために、次のJavaScriptコードを使用してselect
要素のoption
として各友人を挿入します。Javascript - 複数のHTML要素を効率的に挿入する
var msgContainer = document.createDocumentFragment();
for (var i = 0; i < response.data.length; i++) {
msgContainer.appendChild(document.createTextNode('<option value="'+response.data[i].id+'">'+response.data[i].name+'</option>'));
}
document.getElementById("friends").appendChild(msgContainer);
ほとんどそれが<
と>
の代わり<
挿入していることを除いて、動作します。このおよび>
。どうすれば修正できますか?純粋なJavascript(JQueryではなく)を使用して複数のHTML要素を挿入する効率的な方法がありますか?
感謝を! 1つの方法がより効率的ですか? –
@ 1 '':私はここでパフォーマンスをもう一度考えることはしません。個人的には、要素を作成して同時に複数のプロパティを設定できる要素作成ヘルパ関数を作成します。 –
2番目の変種は非効率的であり、非常に悪い習慣です(ループ内に要素を追加する)ので、最初のものが優先されます。 – dfsq