使用表动态刷新div而不使用jQuery或其他框架

Question

长话短说明我正在使用javascript和php向数据库中添加/删除问题（想想要学习的记录卡）。这一切都有效，但每当我点击使用XHR添加数据的添加问题按钮时，我无法刷新页面上的表格。我可以手动刷新页面并查看包含我的信息的更新表，但是在我无缝地提交新问题（或删除它）之后，我想使用ajax在屏幕上刷新表格。我宁愿不必重绘整个页面，只需要表格和信息。我理解如何使用XHR并刷新mysql ...但是我怎么能告诉浏览器在页面上的特定div中重新加载一个表 - 只有那个特定的表 - 带有附加或删除的信息？

我不能使用Jquery或其他框架，只是简单的旧JS，PHP和HTML。

我一直在寻找，而且无法得到那个＆＃34;啊哈哈＆＃34;那一刻，任何人都无法帮助我，让我朝着正确的方向前进？一般性，Dom命令查找或研究将是一个很大的帮助，我不需要通过集体完成的字符编码。

谢谢你，： - ）

Answer 1

我会看innerHTML您可以将表放在div或其他内容中，并使用innerHTML重新生成该div的内容。

Answer 2

您需要做的就是使用document.getElementById或document.querySelector等方法来获取它。然后你可以根据需要更改元素。

var element = document.querySelector('#elToChange');
element.innerHTML = //something from the server
element.remove(); //for deleting

//If you delete remember to do the following so that you don't have a memory leak.
delete element;