问如何在HTML div中插入javascript变量
EN

Stack Overflow用户

提问于 2021-09-21 13:49:48

回答 1查看 73关注 0票数 0

我有这个HTML代码：

<div id="chart1" class="bar-chart secondary" data-total="42" animated>
    <span class="bar-chart--inner" style="width:42%;"></span>
    <span class="bar-chart--text">42% </span>
</div>

我有一个需要赋值给data-total="42"和<span class="bar-chart--text">42% </span>的javascript变量var score

我的意图是用我的javascript变量替换42。我试过这个我从这个论坛找到的document.getElementById("chart1").innerHTML =score，但不起作用。请帮帮忙。

<div id="chart1" class="bar-chart secondary" data-total="document.getElementById("chart1").innerHTML =score" animated>
    <span class="bar-chart--inner" style="width:42%;"></span>
    <span class="bar-chart--text">42% </span>
</div>

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-09-21 13:53:55

https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

获取JS脚本中的元素

然后设置elem.dataset.total

document.getElementById("chart1").dataset.total = score

<body>
  <div id="chart1" class="bar-chart secondary" data-total="42" animated>
    <span class="bar-chart--inner" style="width:42%;"></span>
    <span class="bar-chart--text">42% </span>
  </div>
  <script type="text/javascript">
    var score = 20

    document.getElementById("chart1").dataset.total = score
  </script>
</body>

要设置元素的html，可以使用innerHTML，只需在另一个查找中选择该元素即可。

document.querySelector(".bar-chart--text").innerHTML = score

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69270029

复制

相似问题

问如何在HTML div中插入javascript变量
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在HTML div中插入javascript变量EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在HTML div中插入javascript变量
EN