<分区>
标签 javascript html css
<分区>
我创建了一个函数来计算 body 质量指数。我想在网络上显示结果。但是，我收到一个错误，无法将属性“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>最佳答案
我发现它对我来说效果很好。你可以查看这个link
顺便说一句，您的起始 div 中有一个错字 您拼错了起始 <div>用</div> (虽然这可能不是原因)
关于javascript - 收到错误无法设置 null 的属性 'innerHTML'？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59519488/