从具有相同ID的多个跨度删除文本 [英] remove text from multiple spans having same id

问题描述

我有多个跨度

<span id ="myId">data1</span>
<span id ="myId">data2</span>
<span id ="myId">data3</span>
<span id ="myId">data4</span>
<span id ="myId">data5</span>

我想在单击按钮的全部范围内删除文本。

I want to delete text inside all span on single button click.

我试过这个按钮，点击javascript

I tried this on button click in javascript

document.getElementById("myId").innerHTML = "";

但它仅从第一个范围删除文本

but it is removing text from only 1st span

推荐答案

不要给同一个ID使用多个标签，而是使用class

Dont give same ID to more than one one tag, use class instead

  <span class ="myId">data1</span>
  <span class ="myId">data2</span>
  <span class ="myId">data3</span>
  <span class ="myId">data4</span>
  <span class ="myId">data5</span>

调用此函数来清除

call this function to clear

function clearAll()
{
    var ele= document.getElementsByClassName("myId");
    for(var i=0;i<ele.length;i++)
    {
      ele[i].innerHTML='';
    }
}

这篇关于从具有相同ID的多个跨度删除文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！