JavaScript 改变 HTML 内容

Question

我有一个 div，里面有一个字符串。如果发生特定情况，我想更改该字符串。我不确定为什么，但即使没有条件，我也根本无法更改字符串。我对 JavaScript 很生疏，所以任何建议都将不胜感激，我正在慢慢回归基础。

<div class="cell text-center" id="changeString"> Report has not yet been pulled for this organization.</div>

var bananas = true;      
if (bananas = true){
    document.getElementById('changeString').innerHTML = "You have successfully run the report.";
}

谁能看出我做错了什么？我还尝试将 JS 放入一个函数中，并使用 onload="methodName" 在 div 中调用它。

Answer 1

就像the above comment中提到的@j08691一样 您应该为 getElementById() 添加引号:

document.getElementById("changeString").innerHTML = "You have successfully run the report."
________________________^____________^

并在您的条件中使用 == 或 === 进行比较，而不是用于赋值的等于 =:

if (bananas === true){

它会像您在下面看到的那样工作。

希望这对您有所帮助。

document.addEventListener("DOMContentLoaded", function(event) { 
  var bananas = true;

  if (bananas === true){
    document.getElementById("changeString").innerHTML = "You have successfully run the report."
  }
});

<div class="cell text-center" id="changeString"> Report has not yet been pulled for this organization.</div>