使用Javascript删除类名下的内容[重复]答案

【问题标题】：Remove the contents under classname using Javascript [duplicate]使用Javascript删除类名下的内容[重复]
【发布时间】：2018-01-31 02:40:15
【问题描述】：

我想删除类名下的所有内容：social-share using JavaScript

HTML：这是我从 chrome 检查器获取代码时的样子。

<div class="social-share">
      [shareaholic app="share_buttons" id="26444890"]
</div>

HTML：这正是 chrome 检查器内部的样子

<div class="social-share">
"
[shareaholic app="share_buttons" id="26444890"]
" == $0
</div>

【问题讨论】：

是什么阻止你使用document.querySelector('.social-share').textContent = ''
你想让social-share div 清空还是从垃圾中清除？
请参阅What does ==$0 (double equals dollar zero) mean in Chrome Developer Tools? 了解为什么第二个 sn-p 无关紧要
Bergi，我陈述了我的观察事实，第二个 sn-p 可能有助于解决这个问题。
@Atlast，看准队友。

标签： javascript html

【解决方案1】：

你可以使用innerHTML来清除元素被选中后的内容：

// select element with class 'social-share:
var social_share = document.querySelector('.social-share');

// Set it's contents to an empty string
social_share.innerHTML = '';

【讨论】：

【解决方案2】：

$('.social-share').empty();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="social-share"> content
      <div>content</div>
</div>

Jquery empty() 可能会对您有所帮助。它将删除社交共享类中的所有内容

【讨论】：