javascript - 按类而不是 Id 获取元素

Question

我有一个名为 WatchMode 的按钮。

当您单击此按钮时，它将关闭由 div ID 指定的某些 div。

JavaScript 如下:

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

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

我尝试将这一行添加到 javascript 中，但它似乎不起作用

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

有什么建议吗？？

Answer 1

你必须改变一些事情:

1. 修正getElementsByClassName中的拼写错误
2. 将该函数调用的返回结果视为一个数组
3. 循环遍历返回数组的内容以对结果进行操作
4. 了解并非所有旧浏览器(IE9 之前的 IE 版本均不支持)支持此功能，因此如果您想针对旧浏览器，您可能必须检查它是否存在，如果它本身不可用，则使用替代实现。可以看到浏览器支持 here并在 Justin 的回答中查看链接中的替代实现。

代码如下:

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

这是 jQuery 真正有用的地方。在 jQuery 中，它只是:

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

这会自动找到具有该类的所有对象，并将所有匹配对象的 innerHTML 设置为您的字符串。