json生成html

如：  

json = {

data:{

color: [ '#000','#f00','#666'],

text:["按钮1","按钮2","按钮3"]

},

success:true

}

首先找到需要遍历的json对象的某属性对象，如：遍历color，text

先得到color   ,    text

var color = json.data.color;

var text = json.data.text;

然后使用for循环遍历

var str='';

for( var i=0;i<color.length;i++ ){

str += '<span style=color:'+color[ i ] +'>'+ text[i]  +'</span> '

}

console.log( str )//   

<span style="color:#000">按钮1</span><span style="color:#f00">按钮2</span><span style="color:#666">按钮3</span>