javascript - 我可以使用 JavaScript 变量设置元素样式吗?

标签 javascript html css

<分区>

我正在尝试制定费用进度条。我已经用 JavaScript 计算了进度宽度的百分比,它是一个变量 z。因此,我尝试使用变量 z 来设置元素的样式,但当我向其添加 % 时它不起作用。这是我的代码:

<html>
<body>
  <div class="mybar">
    <div class="myprogress" id="progress">
    </div>
  </div>
  <script>
    window.onload=function(){
      var fee=document.getElementById("fee").innerHTML;
      var bill=document.getElementById("bill").innerHTML;
      var y=(fee/bill);
      var z=(y*100);
      document.getElementById("progress").style.width="z%";
    }
  </script>
</body>
</html>

最佳答案

您可以使用 string template literals

像这样:

document.getElementById("progress").style.width=`${z}%`;

关于javascript - 我可以使用 JavaScript 变量设置元素样式吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61768848/

相关文章:

javascript - 简单形式的 Backbone 验证问题

javascript - 客户端缓存 Javascript/CSS 文件

html - 基于 webkit 的浏览器明显缺乏对 Tailwind CSS 2+ 的支持

php - 如何在php中格式化打印输出

html - 包含更多元素的 shrink-to-fit-div?

html - 谷歌地图 100% 高度不工作

javascript - Node.js 中的异步编程不应该导致 StackOverflow 吗?

javascript - 如何从 jquery 中可编辑的 div 内容中检索行尾?

python - 正则表达式:匹配两个项目之间的文本

html - 视口(viewport)元标记 - 设备宽度不起作用