Question

下面是我的进度条的html和js：但是我的控制台告诉我变量Error converting value "cus_AHtHxKXCwe6MPZ" to type 'System.Collections.Generic.List`1[System.String]'. Path 'response[3].stripe_id', line 1, position 2043.的值是dragonHealth，当它应该是100初始化时。根据我的发现，值应该是一个浮点变量，为什么它会以null形式出现？不太熟悉这个null标签btw。谢谢您的帮助。顺便说一下，我的css中的健康ID只是一个空白的，只是为了在js中引用它。

JS

progress

HTML

var dragonHealth = document.getElementById("health").value;

Answer 1

确保在DOM准备就绪后运行JS（或在页面末尾）

＆＃13;

document.addEventListener("DOMContentLoaded", function(event) {
  /* DOM is ready, so we can query for its elements */
  var dragonHealth = document.getElementById("health").value;
  console.log(dragonHealth);
  
  /*additional code for comment*/
  document.querySelector('button').addEventListener("click", function(event){
    document.getElementById("health").value += 5;
  });
})

＆＃13;

<progress id="health" value="60" max="100"></progress>
<button>change progress value</button>

＆＃13;

如何获取/更改HTML5进度条的值？

1 个答案: