Javascript:快速而肮脏的空 div 或其他元素

Question

我经常遇到一个问题，即我使用 getElementById 来填充 div 或 span 元素，通常是通过服务器的 Ajax 来填充。但是，我希望用户能够执行一些简单的操作来清空 div 并返回到页面之前的状态。例如，单击页面上的其他位置。我一直在尝试放置一个小折叠图标，单击该图标会重新加载页面，但这显然不是最好的解决方案。

任何人都可以建议一种简单的方法来清除 div。我有预感这是为了找到合适的处理程序，但我对处理程序不太了解。如果这可以在同一个脚本中，那就太好了，但欢迎任何方法。

现在，这已经提出了一个脚本，可以获取选择并用它进行搜索。如果结果没有用，我想让用户单击并清空 div。然而，问题确实一直在出现。这是我现在正在处理的缩写代码...

JS

function getSelection() {
  var sel = getSelection();
  if (sel=""){
    alert("Please select text");
  } else {
    //grab selection and search on it using Ajax
    //code for browsers...
    xmlhttp.onreadystatechange=function() {
      if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        document.getElementById('searchresults').textContent=xmlhttp.responseText;
      }
    }
    xmlhttp.open("GET","search.php?q="+sel,true);
    xmlhttp.send();
  }
}

HTML

<a href="javascript:void(0)" onclick="getSelection()">click</a>

Answer 1

你为什么不使用

document.getElementById('searchresults').textContent="";

如果你有jquery，那么

$("#searchresults").empty();