1

スパンの内容だけを他の内容を削除せずに、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ます。

4

4 に答える 4

8

JQuery を使用していた場合 (これはあなたに大きな喜びをもたらします)、次のようにすることができます。

$("span").html("");
于 2012-09-28T04:43:59.447 に答える
6

純粋な JS のみを使用している場合は、これを試すことができます。

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

0任意の有効なインデックスに置き換えて、特定のspan.

于 2012-09-28T04:45:45.560 に答える
2

さて、私は嘘をついたと思います。@Passerby のおかげで、これは思ったよりも簡単です。

for (i = 0; i < document.getElementById('content').getElementsByTagName('span').length; i++) {
    document.getElementById('content').getElementsByTagName('span')[i].innerHTML = '';
}
于 2012-09-28T04:49:57.600 に答える
1

jQuery の使用: id = "content"の div にあるスパンのみをターゲットにするには (ドキュメントに他のスパンがある場合:

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

于 2012-09-28T04:54:01.440 に答える