Home/ Questions/Q 7749361
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T11:01:47+00:00

Possible Duplicate: Is it possible to append to innerHTML without destroying descendants' onclick functions?

  • 0

Possible Duplicate:
Is it possible to append to innerHTML without destroying descendants' onclick functions?

I want to convert an Array to a HTML table, but innerHTML deletes it writes before. Here is the code:

<html><div id="tablaP"></div>

function cargar2() {
    document.getElementById('tablaP').innerHTML= "<table>"
    var h=1
    for (i=0;i<miArray.length;i++){ 
        document.getElementById('tablaP').innerHTML = '<tr>'
        for (j=0;j<miArray[i].length;j++){              
            document.getElementById("tablaP").innerHTML = '<td><td>'
        }
        document.getElementById('tablaP').innerHTML = '</tr>'
        h++
    }
    document.getElementById('tablaP').innerHTML = '</table>'
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    this can easily be done by building up your html string and then applying it with one call:

    function cargar2(){
    var h=1;//not sure why you have this
    var html = "";

    html += "<table>";

    for (i=0;i<miArray.length;i++){ 
        html += '<tr>';

        for (j=0;j<miArray[i].length;j++){              
            html += '<td></td>' ;                      
        }   

        html += '</tr>';
        h++;
    }

    html += '</table>';

    document.getElementById('tablaP').innerHTML = html;
}

    EDIT: Fixed all the code formatting!

    • 0