Question

我创建了一个函数来计算体重指数。我想在网络上显示结果。但是，我收到一个错误，无法设置属性'innerHTML'为null？下面，我分享了代码：

此处的JS代码：

function calBodyMass() {
    var addHeight = document.getElementById("mass").value;
    var addMass = document.getElementById("height").value;
    var calculateBodyMass = addMass /(addHeight * addHeight);
    console.log(calculateBodyMass);
    document.getElementById("showResult").innerHTML = calculateBodyMass; 
}

此处的HTML代码：

<div>
  <div class="add-mass">
    <label class="inputLable">Add Wieght</label>
    <br />
    <input type="text" value="" id="mass" />
  </div>
  <br /><br />
  </div class="add-height">
    <label class="inputLable">Add Height</label>
    <br />
    <input type="text" value="" id="height" />
  </div>
  <br /><br />
  <button onclick="calBodyMass()">calculate</button>
  <br /><br />
  <span id="showResult"></span>
</div>

function calBodyMass() {
    var addHeight = document.getElementById("mass").value;
    var addMass = document.getElementById("height").value;
    var calculateBodyMass = addMass /(addHeight * addHeight);
    console.log(calculateBodyMass);
    document.getElementById("showResult").innerHTML = calculateBodyMass; 
}

<div>
  <div class="add-mass">
    <label class="inputLable">Add Wieght</label>
    <br />
    <input type="text" value="" id="mass" />
  </div>
  <br /><br />
  </div class="add-height">
    <label class="inputLable">Add Height</label>
    <br />
    <input type="text" value="" id="height" />
  </div>
  <br /><br />
  <button onclick="calBodyMass()">calculate</button>
  <br /><br />
  <span id="showResult"></span>
</div>

Answer 1

我发现它对我来说很好。您可以检查此link

在您的首个 div 中有一个错字了。您已将<div>的开头</div>拼写错误（尽管这可能不是原因）

遇到错误无法将属性“ innerHTML”设置为null吗？

1 个答案: