Question

我有HTML以下，我试图使用ajax动态更新tbody的内容。我有响应html我想要的是使用原型更新tbody内容。直到现在我已经尝试了$('table-body').innerHTML="html content here";

<tbody class="table-body">
    <tr>
        <td id="11" class="consumables model" width="15%">Aficion SP 20022</td>
        <td id="12" class="consumables type" width="15%">Print Cartridge</td>
        <td class="consumables" width="15%">Black </td>
        <td class="consumables" width="15%">15000 </td>
        <td class="consumables" width="15%">
        <td class="consumables" width="25%">
    </tr>
    <tr>
        <td id="10" class="consumables model" width="15%">Aficion SP 2002</td>
        <td id="12" class="consumables type" width="15%">Print Cartridge</td>
        <td class="consumables" width="15%">Black </td>
        <td class="consumables" width="15%">15000 </td>
        <td class="consumables" width="15%">
        <td class="consumables" width="25%">
    </tr>
    <tr>
        <td id="2" class="consumables model" width="15%">Aficion SP C242SF</td>
        <td id="14" class="consumables type" width="15%">Print cartridge SP 4100</td>
        <td class="consumables" width="15%">Magenta </td>
        <td class="consumables" width="15%">50000 </td>
        <td class="consumables" width="15%">
        <td class="consumables" width="25%">
    </tr>
</tbody>

Answer 1

有两种方法可以解决这个问题

将类更改为<tbody>标记上的ID，然后执行$('table-body').update("html content here")
使用该类选择与该选择器匹配的第一个元素$$('.table-body').first().update("html content here")

prototype：动态更新tbody内容

1 个答案: