Javascript 如何在单击按钮时获取类内部的文本

我想在单击类“移动”按钮时在其内部获取文本，但无法很好地获取文本。我的代码有问题吗？？我想将文本传递给函数“move”

---

for（var i=0；i您可以将移动作为数据存储在按钮中，然后单击从数据集中检索移动


for（变量i=0；i<4；i++）{
document.querySelectorAll（“#我的卡.移动按钮”）[i].onclick=function（el）{
log（el.currentTarget.dataset.move）；
}
}

60马力
口袋妖怪名字
此处有说明
A.
B
C
D
对不起，提供了html，因此我无法修改html代码…提供了html代码，因此我无法修改代码。。。
for(var i=0; i<4; i++){
    document.querySelectorAll("#my-card .moves button")[i].onclick = function(){ 
        move(document.querySelectorAll("#my-card .moves .move")[i].textContent, gameID, playerID) };
}

<div id="my-card">
    <div class="hidden buffs"></div>

    <div class="card-container">

      <div class="card">
        <img src="icons/normal.jpg" alt="type" class="type"/>
        <span class="hp">60HP</span>
        <h2 class="name">Pokemon Name</h2>
        <div class="pokemon-pic">
          <img src="images/pokeball.png" alt="pokemon" class="pokepic" />
        </div>
        <p class="info">Description here</p>
        <div class="moves">
          <button>
            <span class="move">a</span> <span class="dp"></span>
            <img src="icons/fighting.jpg" alt="Pokemon move" />
          </button>
          <button>
            <span class="move">b</span> <span class="dp"></span>
            <img src="icons/fighting.jpg" alt="Pokemon move" />
          </button>
          <button>
            <span class="move">c</span> <span class="dp"></span>
            <img src="icons/fighting.jpg" alt="Pokemon move" />
          </button>
          <button>
            <span class="move">d</span> <span class="dp"></span>
            <img src="icons/fighting.jpg" alt="Pokemon move" />
          </button>
        </div>
        <img src="icons/fighting.jpg" alt="weakness" class="weakness" />
      </div>