Question

我试图简单地显示/隐藏内容；通过在普通JS中创建if statement来检测当前主体tag是否附加了特定的类；即主页

我正在尝试以下方法；在正确的页面上，但没有收到警报。

var elem = document.querySelector('body');

if (elem.classList.contains('test')) {
    alert('test');
}

没有jQuery !!

上面代码的

错误是：

Uncaught TypeError: Cannot read property 'classList' of null

我只希望它在页面加载时运行

Answer 1

只要您等待DOMContentLoaded事件，您就应该是金色的。查看下面的测试。

注意：代码段引擎对此不是一个很好的测试，HTML总是可以使用的：）

document.addEventListener('DOMContentLoaded', () => {
  console.log(document.body.classList);
  console.log(document.body.className);
  if(document.body.classList.length > 0) {
    console.log(document.body.className);
  }

});

<body class="testing test2">

<p>Hello world</p>

</body>

检查我的身体标签是否在香草JS中具有类

1 个答案: