从同一个类的所有元素中删除

时间:2015-10-15 10:21:55

标签: javascript selectors-api

我一直在寻找一种方法来搜索同一个班级的所有元素并移除任何 ,因为这会导致我的页面布局出现意外空白。

最初我使用了这段代码:

var el = document.querySelector('.offer');
el.innerHTML = el.innerHTML.replace(' ', '');

但是这只找到了offer类的第一个节点,所以没什么用。

1 个答案:

答案 0 :(得分:1)

我回答了我自己的问题,因为我必须从这里以及其他网站上的一些帖子中将它拼凑起来,我希望它可以帮助我的其他人。

首先,我需要使用.queryselectorAll代替.querySelector来返回offer类的所有元素。

但是下一行不会工作,因为.queryselectorAll返回一串节点而不是它遇到的第一个节点。

el.innerHTML = el.innerHTML.replace(' ', '');

解决方案是遍历每个元素并替换 

的每个实例
var el = document.querySelectorAll('.offer');
for(var i = 0; i < el.length; i++){
  el[i].innerHTML = el[i].innerHTML.replace('&nbsp;', '');
}