javascript - 如何在 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.

在刺激 Controller 中我有:

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')