HTMLで要素を動的に表示する方法はありますか？

Question

私は、各セルがユーザに表示されるフレーズを格納するか、入力要素がその位置に置かれることを意味する "***"を格納するフレーズ$フレーズを持っています。私は自分自身をより鮮明にするためにイメージを付けました。

$phrases[0] = "Lorem ipsum dolor"; 
$phrases[1] = "***"; 
$phrases[2] = "consectetur adipiscing elit"; 
$phrases[3] = "***"; 
$phrases[4] = "***"; 
$phrases[5] = "quis nostrud exercitation"; 

私の質問は：どのように私は私のコードは、任意の配列に適応することができますか？

Answer 1

var $phrases = [], htmlString = ""; 
 
$phrases[0] = "Lorem ipsum dolor"; 
 
$phrases[1] = "***"; 
 
$phrases[2] = "consectetur adipiscing elit"; 
 
$phrases[3] = "***"; 
 
$phrases[4] = "***"; 
 
$phrases[5] = "quis nostrud exercitation"; 
 

 
for (var i = 0; i < $phrases.length; i++) { //loop through $phrases 
 
    if ($phrases[i] == "***") 
 
    htmlString += "<input type='text'>" //needs input 
 
    else 
 
    htmlString += "<span>" + $phrases[i] + "</span>"; //known value 
 
} 
 

 
document.getElementById('container').innerHTML = htmlString; //place our htmlString on the page

<div id="container"></div>