从具有相同ID的多个跨度删除文本 [英] remove text from multiple spans having same id
本文介绍了从具有相同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屋!
查看全文