在vanilla JS中检查我的body标签是否有类

问题描述 投票:-2回答:1

我想简单地显示/隐藏内容;通过在普通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

我只是想在页面加载时运行它

javascript
1个回答
0
投票

只要你等待DOMContentLoaded事件,你应该是金色的。看看下面的测试。

注意:Snippet引擎不是一个很好的测试,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>
© www.soinside.com 2019 - 2024. All rights reserved.