一段js

一段js

function cDiv(){
var oDiv=document.createElement("div");
oDiv.style.border="1px solid black";
oDiv.style.position="absolute";
oDiv.style.left="620px";
oDiv.style.top="200px";
//oDiv.style.width="528px";
//oDiv.style.height="250px";
oDiv.style.backgroundColor="#FF9966";
var len=arr.length;
var str="<table  border='1' >";
for(var i=0;i<len;i++){
	str+="<tr><td width='21'>"+i+"</td><td width='410'>"+arr[i]+"</td>";
}
str+="</table>";
oDiv.innerHTML=str;
document.body.appendChild(oDiv);
}
 cDiv();
 
function colorInfoDiv(){
var arr=[{lv:'74'},{huang:'4'},{hong:'0'}];
var arr=[
{name:'lv',count:'74'},
{name:'huang',count:'4'},
{name:'hong',count:'0'},
];
var oDiv=document.createElement("div");
oDiv.style.border="1px solid black";
oDiv.style.position="absolute";
oDiv.style.left="770px";
oDiv.style.top="910px";
var len=arr.length;
var str="<table  border='1' >";
for(var i=0;i<len;i++){
	str+="<tr><td width='180' align='center'><img src='images/ydjyjc/"+arr[i].name+".gif' width='44' height='44'></td><td width='180' align='center'>"+arr[i].count+"</td>";
}
str+="</table>";
oDiv.innerHTML=str;
document.body.appendChild(oDiv);
}
colorInfoDiv();