刷新HTML而不刷新整个页面仅Javascript

时间:2018-09-18 14:07:35

标签: javascript

我想知道如何在不刷新 Javascript

HTML示例

<table class="list" cellpadding="1" cellspacing="1">
        <thead>
            <tr>
                <td class="checkbox edit"></td>
                <td class="Element sortable" onclick="My.Game.List.sort(223, 'eleemnt');">Element</td>
                <td class="ew sortable" onclick="My.Game.List.sort(223, 'ew');">Pop.</td>
                <td class="distance sortable" onclick="My.Game.RaidList.sort(223, 'distance');">Distance</td>
                <td class="element sortable" onclick="My.Game.List.sort(223, 'element');">Option</td>
                <td class="last sortable" onclick="My.Game.List.sort(223, 'last');">Last</td>
                <td class="action"></td>
            </tr>
        </thead>
        <tbody>
             <tr class="slotRow" id="slot-row-3021">
        <td class="checkbox">
            <input id="slot3021" name="slot[3021]" type="checkbox" class="markSlot check" onclick="My.Game.List.markSlot(223, 3021, this.checked);">
        </td>
        <td class="element">

                <a href="position_details.php?x=59&amp;y=14">Artic</a>
        </td>
        <td class="ew">
            31          </td>
        <td class="distance">
            2.2         </td>
        <td class="Option">
            <div class="icon"><img class="unit u11" alt="My ALt" src="img/x.gif"><span class="MyClass">2</span></div>           </td>
        <td class="last">
                                    <img src="img/x.gif" class="My Class"> // Might Change
                                                <img src="img/x.gif" class="carry full" alt="My Alt // Might Change
                    <a href="berichte.php?id=159141|bb7215c9">18.09.18, 15:26</a> // Change
                    <div class="clear"></div>
                                </td>
        <td class="action">
            <a class="arrow" href="#" onclick="My.Game.List.editSlot(223, 3021, true, 'rallyPoint'); return false;">Éditer</a>
        </td>
    </tr>               
        </tbody>
    </table>

的情况下刷新我的整个页面我想刷新表的所有行的内容

我尝试了此操作,但似乎不起作用,我不明白为什么:

JAVASCRIPT CODE:

 setInterval(function() {

                document.getElementsByTagName('table')[0].reload();

                }, 500);

NB:该函数只是一个计时器,每500毫秒刷新一次表。

更改之外的内容:

<tr class="slotRow" id="slot-row-3021">
            <td class="checkbox">
                <input id="slot3021" name="slot[3021]" type="checkbox" class="markSlot check" onclick="My.Game.List.markSlot(223, 3021, this.checked);">
            </td>
            <td class="element">

                    <a href="position_details.php?x=59&amp;y=14">Artic</a>
            </td>
            <td class="ew">
                31          </td>
            <td class="distance">
                2.2         </td>
            <td class="Option">
                <div class="icon"><img class="unit u11" alt="My ALt" src="img/x.gif"><span class="MyClass">2</span></div>           </td>
            <td class="last">
                                        <img src="img/x.gif" class="My Class"> // Might Change
                                                    <img src="img/x.gif" class="carry full" alt="My Alt // Might Change
                        <a href="berichte.php?id=159141|bb7215c9">18.09.18, 15:26</a> // Change
                        <div class="clear"></div>
                                    </td>
            <td class="action">
                <a class="arrow" href="#" onclick="My.Game.List.editSlot(223, 3021, true, 'rallyPoint'); return false;">Éditer</a>
            </td>
        </tr>

最诚挚的问候!

1 个答案:

答案 0 :(得分:0)

您的问题有很多答案。

您可以通过在每次更新时替换元素的(内部)HTML来解决此问题。

类似HTML : draw table using innerHTML

混乱,但这是您的问题的答案。

您的HTML不会动态更新值,这可以通过javascript完成。如果您要从Web服务获取价值,请查看AJAX。