单击的div chrome&；中的子元素的javascript切换类；边缘虫

我建立了一个例子

此函数

for (o = 0; o < buttons.length; o++){
   buttons[o].addEventListener('click', function(e){
   e.target.childNodes[1].classList.toggle("clclp-dashbrd_frame-row-arrow-rotate");
   });
} 

for（o=0；o

在镀铬和磨边中不能正常工作。但在firefox和iE11中，它确实有效

---

在chrome/edge中，当您单击行的文本或箭头本身时，箭头似乎不会翻转，而在这些文本或箭头之间单击时效果会很好。

只有当您直接单击

图标时，问题才会发生。在这种情况下，click事件仍然会触发，但是

e.target

是

而不是

，因此非常脆弱的

e.target.childNodes[1]…

会中断

您可以使用

e.currentTarget

而不是

e.target

来解决此问题

for (o = 0; o < buttons.length; o++){
   buttons[o].addEventListener('click', function(e){
      e.currentTarget.childNodes[1].classList.toggle("clclp-dashbrd_frame-row-arrow-rotate");
   })
}

for（o=0；o