时间戳

首页 > 解决方案 > 在特定位置更改文本（类似于标签、药丸）

javascript - 在特定位置更改文本（类似于标签、药丸）

问题描述

诺比在这里！我正在用 HTML 制作一个游戏，我到处都有很多表格，我想制作一个，以便在我按下特定按钮/选项卡时它实际上会发生变化，但我真的不知道该怎么做。我正在考虑使整个事物成为一个会改变的变量，但这似乎是一个坏主意，它会阻止所有其他变量等在其中工作所以有什么方法可以在同一页面上获取特定的表格或文本来改变在保持在同一页面上的同时不影响周围的任何桌子？

我想编辑这段文字 -

<table id="nabidka">

  <tr style="vertical-align: top;">
    <td>
      <b>
        Buy a factory :
        <button id="BouFac_id" onclick="BouFac()">Price - 1000 Gold</button>
        <p></p>
        <div>Hire Factory workers :
          <button id="BouWork_id" onclick="BouWork()">Price - 100 Gold | wage = 10 Gold/Day</button>
          <p></p>
          Buy a coal mine :
          <button id="BouCMine_id" onclick="BouCMine()">Price - 500 Gold</button>
          <p></p>
          Buy a iron mine :
          <button id="BouIMine_id" onclick="BouIMine()">Price - 700 Gold</button>
          <p></p>
          Buy a smelting furnace :
          <button id="BouSmelFur_id" onclick="BouSmelFur()">Price - 1000 Gold</button>
          <p></p>
          Buy a blast furnace :
          <button id="BouBlast_id" onclick="BouBlast()">Price - 1500 Gold</button>
          <p></p>
          Buy a storage :
          <button id="BouItemStorage_id" onclick="BouItemStorage()">Price - 500 Gold</button>

      </b>
    </td>
  </tr>
</table>

希望我没有将 div 放入其中并不重要，因为它也适用于我不想更改的更多选项卡。

编辑：我通过在一个按钮上使用隐藏元素来解决它，同时显示另一个元素。我为第二个按钮做了同样的事情并成功了！

标签： javascripthtml

解决方案

您将不得不将对要更新的表中的单元格的引用存储到变量中。使用要用于更新值的键为按键添加事件侦听器，然后运行将更改该特定单元格的 innerHTML 的函数。我觉得这篇文章会给你一个很好的起点：

https://www.w3schools.com/jsref/coll_tr_cells.asp

推荐阅读