如何使用纯JavaScript循环像角JS一样

Question

我使用以下技术替换html中的刺。

var str = "Some html values";
var res = str.replace("{company}","Microsoft");

，但我想通过使用纯JavaScript来像Angular Js一样循环div，如下所示

{foreach value in values} <div class="test">{value}</div> {/foreach}

如果有人知道，请让我知道

Answer 1

这是Vanilla JS中的一种方法：

 var values = ["Microsoft", "Apple", "Amazon"];
 var node = document.getElementById( "myDiv" );
 var res="";
 for (id in values){
  res+="<p>"+values[id]+"</p>";
 }
 node.innerHTML=res;

<div id='myDiv'></div>

Answer 2

我找到了解决方案

	var values = '';
	var alphabet = ['a','b','c','d','e']; 
	var meanings = ['apple','banana','choclate','dominoes pizza','eggs']
	var value = document.getElementById("test1").innerHTML;
	for (var i=0; i<alphabet.length; i++) {
		values += value.replace("{value}",alphabet[i]).replace("{meanings}",meanings[i]);
	}
	document.getElementById("test2").innerHTML = values;

<div id="test2" class="test">
	<div id="test1" class="test">
		<div class="test">
			{value} for {meanings}
		</div>
	</div>
</div>