javascript - 无需重新加载页面且无需使用 Ajax 即可刷新 Div、Table 或 TR

Question

是否可以刷新 div、表格或 <tr> .这里没有这样的数据来自数据库，它是一个简单的错误显示 block 和值来自 Java 脚本。

问题是，当用户在文本框中输入一个值时，该值存储在该数据库中，并且成功存储的消息出现在屏幕上。

然后再次在同一页面上，用户尝试输入错误的值，然后该 block 中显示错误，但之前的值仍然存在，即“成功存储消息”。

一个建议???

Answer 1

是的，当某些事件发生时，您可以轻松地清除它的子元素(即成功消息)。在您的情况下，事件将在文本框中输入数据。假设以下标记:

<input type="text" id="textbox" name="textbox"/>
<div id="message">
    Successfully Stored Message
</div>

当您在文本框上检测到另一个事件时，您只需清空 <div id="message">如下:

var textbox = document.getElementById('textbox');
textbox.onchange = function(){

    // Do some test to determine if you should clear #message

    // Get your #message container and remove all its children
    var message = document.getElementById('message');
    while(message.hasChildNodes()){
        message.removeChild(message.firstChild);   
    }       
};

更改输入值 in this example看看它的实际效果。