Google translate code

Hi,
I'm using /www.google.com/jsapi/ for translating div id like this:

google.load("language", "1");

function initialize() {
google.language.translate("Hello world", "en", "es", function(result) {
if (!result.error) {
var container = document.getElementById("translation");
container.innerHTML = result.translation;
}
});
}
google.setOnLoadCallback(initialize);


But, I would like to translate all div elements in page (all text on html page) with one function. Does anyone has idea how can I do that?

 

Try this:

google.load("language", "1");

function initialize() {
    all_div_elements = document.getElementsByTagName("div");
    for(var i=0; i<all_div_elements.length; i++){
        google.language.translate(all_div_elements[i].innerHTML, "en", "es", function(result) {
            if (!result.error) {
                all_div_elements[i].innerHTML = result.translation;
            }
        });
    }
}
google.setOnLoadCallback(initialize);

Code (markup):