📜  检查正文是否有类 javascript (1)

📅  最后修改于: 2023-12-03 15:26:48.593000             🧑  作者: Mango

检查正文是否有类 javascript

在处理 HTML 内容时,有时候需要检查其中是否包含指定的类名,比如检查是否有类名为 javascript 的元素。

实现方式

我们可以使用 JavaScript 函数来检查 HTML 正文中是否包含指定类名的元素。

以下是一个示例代码片段:

function hasClass(className) {
  var body = document.querySelector('body');
  var elements = body.getElementsByTagName('*');

  for (var i = 0; i < elements.length; i++) {
    var element = elements[i];

    if ((' ' + element.className + ' ').indexOf(' ' + className + ' ') > -1) {
      return true;
    }
  }

  return false;
}

上述函数使用 querySelector 获取页面中的 body 元素,然后使用 getElementsByTagName 方法获取页面中的所有元素。接着,我们遍历所有元素,如果元素的类名包含我们需要查找的类名,则返回 true,否则返回 false

使用方法

我们可以在需要检查类名的地方调用 hasClass 函数,并传入需要查找的类名作为参数。

以下是一个示例代码片段:

if (hasClass('javascript')) {
  console.log('找到了名为 javascript 的元素!');
} else {
  console.log('没找到名为 javascript 的元素。');
}
总结

通过 JavaScript 的 querySelectorgetElementsByTagName 方法,我们可以很容易地实现对 HTML 正文中指定类名元素的查找和检查。