我需要使用“ gridWrapper.innerHTML = gridWrapper.inner

Question

我正在尝试打印一张填充有数据的表。问题是，一旦我打印了表格的标题，标签也将被打印出来，并且由于我不能使用，它不允许我在表格中插入任何数据。

唯一打印的是您在for循环中可以看到的数据和按钮

function elimina(id)

{

     var gridWrapper = document.querySelector('.content');

     $.ajax({url: "selezioneProdotti.php", success: function(result)

     {

        console.log(result);

        result = JSON.parse(result);

        gridWrapper.innerHTML = " ";

        gridWrapper.innerHTML=gridWrapper.innerHTML+"<table><tr> 

        <th>Nome</th><th>Categoria</th><th>Prezzo</th><th>Elimina</th></tr>";

        for(var i =0;i<result.length;i++)

        {           

            gridWrapper.innerHTML = gridWrapper.innerHTML+"<tr><td>"+ 

            result[i].nome+"</td><td>"+result[i].categoria+"</td> 

            <td>"+result[i].prezzo+"</td><td><a style='color:red'>&#x274C 

            Elimina</a></td></tr>";     

         }

         gridWrapper.innerHTML=gridWrapper.innerHTML+"</table>";

    }});

}

for(var i =0;i<result.length;i++)

        {           

            gridWrapper.innerHTML = gridWrapper.innerHTML+"<tr><td>"+ 

            result[i].nome+"</td><td>"+result[i].categoria+"</td> 

            <td>"+result[i].prezzo+"</td><td><a style='color:red'>&#x274C 

            Elimina</a></td></tr>";     

         }

我希望表格标记在表格完全打印之前不关闭

Answer 1

如下更新功能。在这里，我声明了一个临时变量，该变量存储内部html字符串，并最后设置element的内部Html属性。function elimina(id){&nbsp; &nbsp; &nbsp;var gridWrapper = document.querySelector('.content');&nbsp; &nbsp; &nbsp;$.ajax({url: "selezioneProdotti.php", success: function(result)&nbsp; &nbsp; &nbsp;{&nbsp; &nbsp; &nbsp; &nbsp; console.log(result);&nbsp; &nbsp; &nbsp; &nbsp; result = JSON.parse(result);&nbsp; &nbsp; &nbsp; &nbsp; gridWrapper.innerHTML = " ";&nbsp; &nbsp; &nbsp; &nbsp; var tableTemplate= "<table><tr>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; <th>Nome</th><th>Categoria</th><th>Prezzo</th><th>Elimina</th></tr>";&nbsp; &nbsp; &nbsp; &nbsp; for(var i =0;i<result.length;i++)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;tableTemplate = tableTemplate+"<tr><td>"+&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; result[i].nome+"</td><td>"+result[i].categoria+"</td>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>"+result[i].prezzo+"</td><td><a style='color:red'>&#x274C&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Elimina</a></td></tr>";&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;tableTemplate=tableTemplate+"</table>";&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;gridWrapper.innerHTML = tableTemplate;&nbsp; &nbsp; }});}