如何在stimulus.js中获取元素的类

Question

我想切换元素，为此我需要一个类名。如何在stimulus.js中获取嵌套元素的类名称并进行更改？F.I，我需要切换最初隐藏的“ ul”元素。

div data-controller="my_controller"
  a data-action="click->my_controller#toggle_my_elements"
    | Click
  ul.is-hidden id="my-id" data-target="my_controller.mytext"
    li
      | Text to be toggled.

并且在刺激控制器中，我有：

import { Controller } from 'stimulus'

export default class extends Controller {
  static targets = ["mytext"]
  toggle_my_elements(){
    console.log("debuggin")  //Ok
    const class_name = this.mytextTarget.className
  }
}

我尝试调用js函数className，但似乎js函数无法像以前那样工作。我只是不知道如何获得它。

Answer 1

由于StimulusJS target是HTML元素，因此可以使用其classList属性

this.mytextTarget.classList.remove('is-hidden')