可以通过给每个元素绑定点击事件,在事件处理函数中修改元素的样式来实现此功能。具体代码如下:

// 获取所有需要绑定点击事件的元素
const elements = document.querySelectorAll('.clickable-element');

// 给每个元素绑定点击事件
elements.forEach(element => {
  element.addEventListener('click', () => {
    // 修改元素的样式
    element.style.border = '2px solid pink';
  });
});

在上述代码中,首先通过 document.querySelectorAll 方法获取所有需要绑定点击事件的元素,这些元素需要有一个类名为 clickable-element。然后使用 forEach 方法遍历所有元素,为每个元素绑定 click 事件。在事件处理函数中,修改元素的 border 样式为 2px solid pink,即粉色边框。这样就可以实现点击元素后,显示其粉色边框的效果。

前端写一段js代码要求是显示点过的那个元素的边框用粉色显示点过的每个元素都显示

原文地址: https://www.cveoy.top/t/topic/b500 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录