Question

I have a HTML table that contain few div tags. I would like to loop on all the divs and change the align property to right. Does anyone have an example?

Answer 1

With jQuery

$(function(){
    $("table div").css("textAlign", "right");
});

Normal Javascript (fiddle: http://jsfiddle.net/JdTfk/ )

window.onload = function() {
    var tables = document.getElementsByTagName('table');

    for (var i = 0; i < tables.length; i++) {
        var divs = tables[i].getElementsByTagName("div");
        for (var j = 0; j < divs.length; j++) {
            divs[j].style.textAlign = "right";
        }
    }
}

Using CSS

table div
{
    text-align: right;
}