Как получить класс элемента в стимуле. js - PullRequest
0 голосов
/ 23 января 2020

Я хочу переключать элементы и мне нужны имена классов для этого. Как я могу получить имя класса вложенного элемента в стимуле. js и изменить его? FI, мне нужно переключить элемент 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 функции работают не так, как раньше. Я просто не могу понять, как это получить.

1 Ответ

0 голосов
/ 28 января 2020

Поскольку Stimulus JS target является HTML элементом , вы можете использовать его classList свойство

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