Javascript 从div中删除内容

这应该不难，但在阅读了大量的例子后，我仍然找不到答案，或是想不出答案，至少以任何优雅的方式。我已经读了很多答案，比如。奇怪的是，我找不到任何帮助

我在做什么并试图实现什么？

我正在调用一个API，它返回一组和弦和歌词。当我调用一次API时，这种方法非常有效，但是当我再次搜索时，和弦和歌词会附加在div的末尾。有人能建议我应该使用什么方法或解决方案在div填充新数据之前从div中删除内容吗

以下是我当前使用的代码：

$scope.getSongs = function(){

    $http({
        url: 'http://api.guitarparty.com/v2/songs/?query=' + $scope.song,
        dataType: 'json',
        method: 'GET'
    }).success(function(response){
        var myEl = angular.element( document.querySelector( '#chords' ) ); 

      ////something needs to go here...../////

        myEl.append(response.objects[0].body_chords_html);

    });

那么：

myEl.empty()

---

摘自

您的api返回什么，一个对象数组？ 试试这个

---

response.objects[0]。body_chords_html

实际上是一首带有html标记的完整歌曲。是的，请在附加数据之前将变量myE1设为空。谢谢@Vlad274，我怎么找不到它。工作得很好。我不是在寻找jquery函数，但我猜这是一些jquery函数included@PaulFitzgerald是的，Angular将使用完整的jQuery库（如果有的话），但除此之外，它使用一个子集“jQLite”。谢天谢地，这确实包括.empty（）（参考：）我知道它是随jqlite一起提供的，但之前在他们的文档中没有看到该页面的链接。看了之后，我没有意识到你应该包括整个jquery库。伟大的Cheers如果要替换内容，请使用myEl.html（）而不是append。它正在追加，因为您正在使用append。干杯@ribsies-也很不错

$scope.getSongs = function(){

    $http({
        url: 'http://api.guitarparty.com/v2/songs/?query=' + $scope.song,
        dataType: 'json',
        method: 'GET'
    }).success(function(response){
        var myE1 = [];
        var myEl = angular.element( document.querySelector( '#chords' ) ); 

      ////something needs to go here...../////

        myEl.append(response.objects[0].body_chords_html);

    });