有没有办法更改javascript es6中“this”的css属性?

是的,您可以使用提供的逻辑。但由于箭头函数,您正在丢失此上下文。相反,请使用 event.target 所有物

var openSubMenu = (e)=> {
  e.target.style.maxHeight = '240px';
}

或

如果希望它指向单击的元素,请使用function关键字定义openSubMenu函数。

var openSubMenu = function(e) {
  this.style.maxHeight = '240px';
}

Working fiddle

有没有办法更改javascript es6中“this”的css属性?

是的,对回调使用普通函数定义,而不是胖箭头定义,因此 this 触发的事件集将为您提供。

因为您使用的是fat arrow函数 这 在您的 openSubMenu() 函数不是从调用方获取的,而是从函数声明上下文获取的(的“词法”值 这 )。如果您声明 打开子菜单() 作为正常功能,将设置click事件 这 作为导致事件的DOM元素,然后可以使用 这 设置其样式。

因此,更改为:

function openSubMenu(e) {
    console.log(this);
}

人们需要记住,胖箭头函数不仅仅是函数声明的快捷方式。它们还影响 这 。 所以,如果你想要 这 函数的调用者设置,然后不要使用fat arrow函数,因为fat arrow声明会导致 这 待使用。

我假设您已经知道,您还可以引用触发事件的DOM元素,使用 e.target ,但由于您明确询问如何 这 工作,这就是我在上面向你展示的。