逐个类而不是ID获取元素

Question

我有一个名为WatchMode的按钮.

单击此按钮时,它将关闭由div ID指定的某些div.

这个javascript如下:

function watchmode() { 
document.getElementById('aps30').innerHTML = " ";
} 

现在,我想对我的页面上出现两次的div做同样的事情,这个div有一个Class而不是ID.

我尝试将此行添加到javascript中,但它似乎不起作用

document.getElementByClassName('floater').innerHTML = " ";

有什么建议 ？？

Answer 1

你必须改变一些事情:

1. 修复getElementsByClassName中的拼写错误
2. 将该函数调用的返回结果视为数组
3. 遍历返回数组的内容以便对结果进行操作
4. 了解并非所有旧浏览器(IE9之前没有IE版本)都支持此功能,因此如果您想要定位旧浏览器,则可能必须检查其存在并使用替代实现(如果它本身不可用).您可以在此处查看浏览器支持,并在Justin的答案中查看链接中的备用实现.

这是代码:

var divs = document.getElementsByClassName('floater');
for (var i = 0; i < divs.length; i++) {
    divs[i].innerHTML = " ";
}

这是jQuery非常有用的地方.在jQuery中,它只是:

$(".floater").html(" ");

这将自动查找该类的所有对象,并将所有匹配对象的innerHTML设置为您的字符串.