document.getElementById 未捕獲的類型錯誤：無法設置 null 的屬性（設置“innerHTML”）

Question

將進度條鏈接到進度條。

Javascript代碼

var i = 0;

var counterBack = setInterval(function(){
    i++;
    if(i<100){
      document.getElementById(<?php echo 'id=progress' . $row[0] ?>).style.width = i+1+"%";
      document.getElementById(<?php echo 'id=progress' . $row[0] ?>).innerHTML = i+1+"%";
    } else {
      clearTimeout(counterBack);
    }
}, 1000);

問題

控制台顯示錯誤：

Uncaught TypeError: Cannot set properties of null (setting 'innerHTML')

HTML

我的 HTML 很簡單

<div>
  <div class="progress-bar progress-bar-striped progress-bar-animated" <?php echo 'id=progress' . $row[0] ?> role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: 100%"> 
  </div>
</div>

使用 PHP。

我怎樣才能解決這個問題？

Answer 1

變量 i = 0;

var counterBack = setInterval(function(){
我++；
如果（我<100）{
document.getElementById('<?php echo "progress" . $row[0] ?>').style.width = i+1+"%";
document.getElementById('<?php echo "progress" . $row[0] ?>').innerHTML = i+1+"%";
} 別的 {
clearTimeout(counterBack);
}
}, 1000);
您不能在 getElementById 中使用 id=
在php標簽之前和之后你必須使用'
對不起我的英語，但我分享了經過測試的工作代碼