AJAX/PHP元素删除教程

我的目标有三个：

使用AJAX将包含链接（词汇表术语）的页面terms.php动态加载到index.php的div.sidepanel中。词汇表术语（链接）作为列表存放在loaded terms.php的div.glossary中

再次使用AJAX将span.definition1加载到div.glossary中，在它定义的词汇表术语旁边。span.definition1是一个php字符串，在单击中的第一个术语表术语时生成

将span.definition2加载到div.glossary中，在其定义的术语表术语旁边，同时单击加载定义2的链接时，删除span.definition1

---

我已经成功地实现了这三个目标中的每一个，直到单击新的词汇表术语时删除以前加载的定义为止。是否有一个教程解释如何做到这一点？我提供了terms.php的一个简短摘录，只需点击我网站上的词汇表链接即可加载。

如果没有代码，则不确定。但是您应该能够使用

element.removeChild（child）其中元素是父元素，子元素是要删除的节点。因此：

<div id="parent">
   <span id="word1">Word (click me)</span>
   <span id="definition1">I am a definition, I should be deleted when necessary</span>
</div>

<script type="text/javascript">
function removedefinition() {
   var parent = document.getElementById('parent');
   var child = document.getElementById('definition1');
   parent.removeChild(child);
 }
 </script>


Word（单击我）
我是一个定义，必要时应该删除我
函数removedefinition（）{
var parent=document.getElementById（'parent'）；
var child=document.getElementById（'definition1'）；
父母。removeChild（子女）；
}

非常感谢山姆。这个问题对我来说是一个教训。Javascript变得越来越有趣。而且AJAX非常棒！我正在从事的最新项目是我第一次真正广泛使用Javascript。它确实继续变得更加有趣。AJAX也是一个救命稻草。