Javascript-清除div中的所有内容

我有：

<div id="socialUserList">
//some content here, htmlTags, text, etc.
</div>

但出于某种原因，它不想工作。为什么？

您是否尝试过：

jQuery('#socialUserList').empty();

注意：您可能也尝试过以下方法：

jQuery('@socialUserList')[0].innerHTML = '';

---

使用

[0]

将访问第一个匹配元素的DOM对象。

常规JavaScript方法：

document.getElementById('socialUserList').innerHTML = '';

在jQuery中：

$('#socialUserList').html('');

---

纯JavaScript和jQuery齐头并进，如下所示：

从纯JavaScript到jQuery：

var socialUserList = document.getElementById('socialUserList');
console.log($(socialUserList).html());

从jQuery到纯JavaScript：

var socialUserList = $('#socialUserList');
console.log(socialUserList[0].innerHTML);

---

jQuery对象没有innerHTML方法，只有原生JS对象有@阿德内奥；您可以这样组合它们：

var testInner=$（“#testInner”）；console.log（testInner[0].innerHTML）
var socialUserList = $('#socialUserList');
console.log(socialUserList[0].innerHTML);