How to put value from 3 set of arrays into differences div in javascript

How to put value from 3 set of arrays into differences div in javascript

Supposing I have 3 divs. ANd I have 3 sets of array. I need to put the
values in each array into those 3 divs. I wonder how to do ?
Let´s se my example divs.
<div id='001'><div id="nr001"><div id="clr001"></div></div></div>
<div id='002'><div id="nr002"><div id="clr002"></div></div></div>
<div id='003'><div id="nr003"><div id="clr003"></div></div></div>
And I have 3 sets of array like this (Maybe I have more but now let
example with 3 sets):
**These array are from JSON.parse();**
[["001", "002", "003"],["8", "9", "20"], [ "brown", "black", "yellow"]]
What I want to do: I want to put those values in arrays into the correct
id div, it must be like this:
<div id='001'>8<div id="nr001"><div id="clr001">brown</div></div></div>
<div id='002'>9<div id="nr002"><div id="clr002">black</div></div></div>
<div id='003'>20<div id="nr003"><div id="clr003">yellow</div></div></div>
What I have tried is :
var str = xmlHttp.responseText;
var res = JSON.parse(str);
var set1 = res[0], set2 = res[1], set3 = res[3];
for (var i = 0; i < set1.length; i++) {
var div1 = document.getElementById("nr"+set1[i]);
var div2 = document.getElementById("clr"+set1[i]);
if (div1) {
div1.innerHTML = set2[i];
}
if (div2) {
div2.innerHTML = set3[i];
}
}
I got only div2 but not div1. I guess I need more lines of script. Or new
method :S