要将一个 JavaScript 函数用于每个相同的类元素,可以使用 document.querySelectorAll
方法来选择所有具有相同类名的元素,并使用 forEach
方法来遍历这些元素并应用函数。
下面是一个示例代码:
// 定义一个函数,用于处理每个相同类元素
function processElement(element) {
// 在这里编写你的处理逻辑
// 可以使用 element 对象来操作当前的元素
}
// 使用 document.querySelectorAll 选择所有具有相同类名的元素
var elements = document.querySelectorAll('.your-class-name');
// 使用 forEach 方法遍历每个元素并应用函数
elements.forEach(function(element) {
processElement(element);
});
在上面的代码中,你需要将 .your-class-name
替换为你要选择的类名。然后,你可以在 processElement
函数中编写你想要对每个元素执行的操作。
这种方法适用于需要对多个相同类元素执行相同操作的情况,例如添加事件监听器、修改样式等。
领取专属 10元无门槛券
手把手带您无忧上云