Question

我从getElementById得到一个“无法设置属性'innerHTML'的null，但我的HTML元素具有正确的ID，我的脚本也是如此。

我是JavaScript的新手，所以如果我遗漏了明显的东西，请告诉我！谢谢！

这是完整的小提琴： FIDDLE：http://jsfiddle.net/xPLD4/1/

这是我遇到问题的部分。脚本：

function prices() {
   document.getElementById("regular").innerHTML = '$' + setPrices.regular + ' /gallon';
   document.getElementById("regPlus").innerHTML = '$' + setPrices.regularPlus + ' /gallon';
   document.getElementById("premium").innerHTML = '$' + setPrices.premium + ' /gallon';
   document.getElementById("status").innerHTML = "Status: No Automobile Present";
   var carPresent = false;
}

//generates prices on pump display
window.onload = prices;

var pumpDisplayOne = 1000;
document.getElementById("pumpDisplayOne").innerHTML = "Total gallons pumped on this pump: " + pumpDisplayOne;

HTML：

<h3>Pump 1</h3>
<h4 id="pumpDisplayOne">Gallons</h4>
<button type="button" class="paybutton" onclick="pay()">Pay!</button>

Answer 1

您必须在DOMReady之后运行您的javascript代码，如果您的script标记在head中，请在所有</body>之前向下移动，或将所有代码放在onload事件中。这是我的jsFiddle update，它有效。

无法设置innerHTML的null错误。虽然，html ID存在

1 个答案: