concat文字列を動的にjavacript

Question

Guider-JSの説明をdinamically作成するには、HTML文字列（つまり"<div>HTML string</div>"）を連結する必要があります。

私はconcatメソッドを使用してそれを試みましたが、機能しません。私はを使用する場合

var str = "<div><p>first test:</p><ul>"; 
    for(var i=0; i<list.length;i++){ 
     str+=("<li class='pointer' onclick=alert('hello')>" + list[i] + "</li>"); 
    } 
    console.log("one " + str); 

それ以外の場合は、+ =演算子はうまく動作します。

var str = "<div><p>second test:</p><ul>"; 
    for(var i=0; i<list.length;i++){ 
     str.concat("<li class='pointer' onclick=alert('hello')>" + list[i] + "</li>"); 
    } 
    console.log("two " + str); 

私は、より良い説明のためにfiddleを作成しました。私の質問のための

申し訳ありませんが、多分簡単ですが、これはチェック

Answer 1

String#concat戻りと新しい文字列連結された値なので、その結果をstrに割り当てたい：str = str.concat(...

あなたが concatを使用している場合、あなたはもう +を必要としないこと10

注：

str = str.concat("<li class='pointer' onclick=alert('hello')>", list[i], "</li>"); 
// -----------------------------------------------------------^^-------^^ 

Answer 2

が起こるのはなぜ更新fiddle

が作る理解していないこと

str = str.concat("<li class='pointer' onclick=alert('hello')>" + list[i] + "</li>");