在Javascript中使用click on class(没有Jquery)可以通过以下步骤实现:
document.getElementsByClassName()
方法来获取具有相同类名的元素。该方法返回一个类数组对象,可以通过索引访问其中的元素。forEach()
方法或者普通的for循环遍历获取到的元素列表,并为每个元素绑定点击事件。可以使用addEventListener()
方法来为元素添加事件监听器。以下是一个示例代码:
// 获取所有具有相同类名的元素
var elements = document.getElementsByClassName('your-class-name');
// 遍历元素并绑定点击事件
Array.from(elements).forEach(function(element) {
element.addEventListener('click', function() {
// 在点击事件处理程序中执行相应的操作
// 例如,更改元素的样式
this.style.backgroundColor = 'red';
});
});
请注意,上述代码中的your-class-name
应替换为实际的类名。此外,可以根据需要在点击事件处理程序中执行其他操作。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云