使用classList检查正文中的类

时间:2015-10-20 23:02:30

标签: javascript dom

我尝试使用vanilla JS创建一个检查特定类网页正文的测试

目前我的代码看起来像这样

var whole = document.getElementsByTagName("body")[0];
whole.classList.contains("desiredClass");

这会返回" false"在课堂上,即使它存在于我的身体里。

我试图将整体重新定义为

var whole = document.body

并收到相同的结果

问题:我的代码丢失了什么?我觉得这是一个非常简单的测试,但我肯定错过了一些东西

编辑:

我的classList函数有效,但没有在正文中搜索DIV类。

如何缩小document.body中的搜索范围以搜索所有div类?

1 个答案:

答案 0 :(得分:0)

在这种情况下findElementByTagName并不好。相反,使用document.body要好得多。

无论如何,你的代码似乎没问题。也许这是浏览器兼容性问题? 在这里,您可以看到哪些版本的浏览器支持DOM元素的classList属性:classList doc

您可以使用此解决方案。这是非常肯定的。

var classes = document.body.getAttribute('class').split(' ');
var contains = classes.indexOf('desiredClass') > -1;