📅  最后修改于: 2023-12-03 15:26:48.593000             🧑  作者: Mango
在处理 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 的 querySelector
和 getElementsByTagName
方法,我们可以很容易地实现对 HTML 正文中指定类名元素的查找和检查。