Test of Styles Applied by Class to Dynamic Elements

var divs = new Array(4);
var body = document.getElementsByTagName("body").item(0);
for(var i = 0; i < divs.length; i++) {
  divs[i] = document.createElement("div");
}
divs[0].setAttribute("class", "bordered");
divs[0].appendChild(document.createTextNode("setAttribute(\"class\") div"));
divs[1].className = "bordered";
divs[1].appendChild(document.createTextNode("className div"));
divs[2].setAttribute("class", "bordered");
divs[2].className = "grooved";
divs[2].appendChild(document.createTextNode("setAttribute(\"class\") then className div" +
                                            " get = [" + divs[2].getAttribute("class") + "]" +
                                            " var = [" + divs[2].className + "]"));
divs[3].className = "grooved";
divs[3].setAttribute("class", "bordered");
divs[3].appendChild(document.createTextNode("className then setAttribute(\"class\") div" +
                                            " get = [" + divs[2].getAttribute("class") + "]" +
                                            " var = [" + divs[2].className + "]"));
for(i = 0; i < divs.length; i++) {
  body.appendChild(divs[i]);
}