javascript - 如何清除div内的跨度

Question

我想清除 div 内的跨度值，而不删除其他内容，仅删除跨度的内容。

例如：身体：

<div id="content">
  <span>one</span>

  <input type="text" />
  <input type="text" />

  <span>two</span>
  <span>three</span>

  <select>
        <option selected="selected" value=""></option>
        <option value="Monday">Monday</option>
        <option value="Tuesday">Tuesday</option>
        <option value="Wednesday">Wednesday</option>
        <option value="Thursday">Thursday</option>
        <option value="Friday">Friday</option>
        <option value="Saturday">Saturday</option>
        <option value="Sunday">Sunday</option>
  </select>
</div>

脚本：

<script type="text/javascript">
function restSel() {
   document.getElementById("#content span").innerHTML="";
};
</script>

清除所有的spans或所有的内容spans。

Answer 1

如果您使用的是 JQuery（这会给您带来很多乐趣），那么您可以这样做。

$("span").html("");

Answer 2

如果你只使用纯 JS，你可以试试这个：

document.getElementById("content").getElementsByTagName("span")[0].innerHTML="";

您可以替换0为任何有效索引以清除某些span.

Answer 3

好吧，我猜我撒谎了。感谢@Passerby，这比我想象的要简单；

for (i = 0; i < document.getElementById('content').getElementsByTagName('span').length; i++) {
    document.getElementById('content').getElementsByTagName('span')[i].innerHTML = '';
}

Answer 4

使用 jQuery：仅针对id = "content"的 div 中的跨度（如果您的文档中有其他跨度：

$('div#content').find('span').html('');