Generating Occupied DIVs with Javascript

[ratyo]

This may seem like a standard question, but none of the Stack threads I've read have covered my needs.I have a series of nested DIV statements, like here (not all CSS included).I would like to make a simple script to do something like this:\[code\]for (i = 0; i < data.length(); i++) { //append DIV //add identifying class/id //change text values}\[/code\]If it helps, I'm using d3.js in a few visualizations that will accompany these DIVS. I can create those DIVs in d3 if that would be easiest...But I'm not quite sure how I would do that. Any tips are appreciated. Thanks!