使用 JavaScript 检查 Body 是否有特定的类
使用 classList.contains() 方法检查 body 元素是否有特定的类，例如 document.body.classList.contains('my-class')。 该方法返回一个布尔值 - 如果元素的类列表包含该类，则返回 true，否则返回 false。
以下是本文示例的 HTML。
index.html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> </head> <style> .bg-salmon { background-color: salmon; } </style> <body class="bg-salmon"> <div>Box 1</div> <script src="index.js"></script> </body> </html>
下面是JavaScript代码
index.jsconst bodyHasClass = document.body.classList.contains( 'bg-salmon' ); if (bodyHasClass) { console.log('✅ body element has class'); } else { console.log('⛔️ body element does not have class'); }
文档对象的 body 属性使我们能够访问 body 元素。
我们使用了 classList.contains 方法来检查 body 元素是否有一个特定的类。
如果提供的类包含在元素的类列表中，则该方法返回 true，否则返回 false。
如果需要在 body 元素中添加或删除类，可以使用 classList.add() 和 classList.remove() 方法。
// ✅ Add classes to <body> element
document.body.classList.add('first-class', 'second-class');
// ✅ Remove classes from <body> element
document.body.classList.remove('bg-salmon', 'third-class');
classList.add 方法向元素添加一个或多个类。
如果元素上已经存在任何提供的类，则不会再次添加这些类。
classList.remove 方法从元素中删除一个或多个类。
如果元素上不存在任何类，
remove()方法不会抛出错误，它只是忽略该类。
相关文章
在 MochaJS 中 done 回调
发布时间：2023/03/06 浏览次数：182 分类：WEB前端
-
done 回调函数意味着我们的工作已经完成，我们将执行控制权交给 NodeJS 文件。本文展示了如何在 JavaScript 中使用 done 回调函数。
JavaScript 中的 Type Error （类型错误）与 Reference Error （引用错误）
发布时间：2023/02/23 浏览次数：207 分类：WEB前端
-
作为 JavaScript 开发人员，大家可能在编码时遇到过不同类型的错误。 大多数情况下，这些都是类型错误或引用错误。 但是你有没有想过它们是什么意思？ 在解决这些错误之前，大家是
JavaScript中如何使用计算属性名称设置动态对象属性
发布时间：2023/02/23 浏览次数：177 分类：WEB前端
-
在 ES6 之前声明对象时，我们必须对属性使用静态键。 但是自从 ES6 发布后，就可以使用动态键了。 我将在本文中向大家展示它们的工作原理。 什么是静态和动态键？ 静态键是什么意
JavaScript 中对象属性的点表示法与括号表示法——有什么区别？
发布时间：2023/02/23 浏览次数：170 分类：WEB前端
-
在 JavaScript 中有多种访问对象属性的方法。 但是两种常见的是点符号和括号符号。 我将在本文中解释这两种方法之间的区别。 使用点和括号表示法，我们可以： 通过键访问属性的值
如何使用 JavaScript 检查 DOM 元素是否存在
发布时间：2023/02/23 浏览次数：159 分类：WEB前端
-
检查 DOM 中是否不存在元素： 使用 getElementById 或 querySelector 方法来选择元素。 检查该值是否不等于 null。 如果该值不等于 null，则该元素存在于 DOM 中。 这是示例的 HTML。 !DOCTYPE html
在 JavaScript 中获取字符串中指定字符最后一次出现之后的部分
发布时间：2023/02/21 浏览次数：158 分类：WEB前端
-
要获取字符串中指定字符最后一个出现之后的部分： 使用 String.lastIndexOf() 方法获取字符串中 lash 出现的索引。 使用 String.slice() 方法获取字符串中最后一次出现之后的部分。 const str
获取 JavaScript 中特定字符后的子字符串
发布时间：2023/02/21 浏览次数：133 分类：WEB前端
-
获取特定字符后的子字符串： 使用 String.indexOf() 方法获取字符在字符串中的索引。 使用 String.slice() 方法获取特定字符后的子字符串。 const str = abc fql_jiyik.com ; const after_ = str. slice (str
