Question

我在我的网页上有这些跨度，我试图在页面加载时清空他们的innerHTML。

但是如果有办法可以使用他们的类名清空它们，我不想对所有document.getElelmentById().innerHTML = '';范围进行100。

$(document).ready(function() {
  $a = document.getElementsByClassName("char_counter");
  for (i = 0; i < $a.length; i++) {
    console.log($a[i]);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="char_counter" id="one">1</span>
<span class="char_counter" id="two">2</span>
<span class="char_counter" id="three">3</span>
<span class="char_counter" id="four">4</span>

Answer 1

无需遍历所有元素并将innerHTML设置为空字符串。

您可以使用html()或text()将innerHTML设为空。

$('.char_counter').html('');

将选择具有类char_counter的所有元素，并将其innerHTML设置为空字符串。

更具体地说，您也可以使用

$('span.char_counter').html('');

<强>演示

＆＃13;

$(document).ready(function() {
  $('.char_counter').html('');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="char_counter" id="one">1</span>
<span class="char_counter" id="two">2</span>
<span class="char_counter" id="three">3</span>
<span class="char_counter" id="four">4</span>

＆＃13;

Answer 2

您只需使用以下代码：

$(".char_counter").html('');

<强>段

$(document).ready(function() {
  $(".char_counter").html('');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="char_counter" id="one">1</span>
<span class="char_counter" id="two">2</span>
<span class="char_counter" id="three">3</span>
<span class="char_counter" id="four">4</span>

Answer 3

这是一种纯粹的 JavaScript 方式：

var spans = document.getElementsByClassName("char_counter");
for (i in spans) {
  spans[i].innerHTML = "";
};

＆＃13;

var spans = document.getElementsByClassName("char_counter");
for (i in spans) {
  spans[i].innerHTML = "";
};

＆＃13;

<span class="char_counter" id="one">1</span>
<span class="char_counter" id="two">2</span>
<span class="char_counter" id="three">3</span>
<span class="char_counter" id="four">4</span>

＆＃13;

这是 jQuery 方式：

$('span.char_counter').html('');

在javascript中清空许多跨度元素

3 个答案: