我正在做一个打字稿项目，我试图让我的编辑按钮“编辑”我选择的行。 但我不知道该怎么做

Question

That's my project.

https://codepen.io/felipewolffo/pen/MWmQZLr

I appreciate any help!

// HERE IS WHERE I AM TRYING TO IMPLEMNENT

  static editMedication(no) {
    if (no.classList.contains("btn-edit")) {
      const list = document.querySelector(
        "#medication-list"
      ) as HTMLTableElement;

      console.log(list);
    }
  }

Answer 1

I think a found a way to make it work. But looks horrible, there are probably best ways to do that:

static editMedication(btn, no1?, no2?, no3?, no4?) {
    if (btn.classList.contains("btn-edit")) {
      const info1 = document.querySelector("#info1") as HTMLTableElement;
      const info2 = document.querySelector("#info2") as HTMLTableElement;
      const info3 = document.querySelector("#info3") as HTMLTableElement;
      const info4 = document.querySelector("#info4") as HTMLTableElement;
      no1 = info1.contentEditable = "true";
      no2 = info2.contentEditable = "true";
      no3 = info3.contentEditable = "true";
      no4 = info4.contentEditable = "true";
      alert("Select the table to Edit");
    }
  }