Question

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

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

但是我想通过使用纯JavaScript来循环div像angular js，如下所示

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

如果有人知道请告诉我

Answer 1

以下是香草JS的一种方式：

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

我找到了解决方案

＆＃13;

	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;

＆＃13;

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

＆＃13;

如何使用纯javascript循环div像角js

2 个答案: