0

我从 getElementById 得到一个“无法设置属性‘innerHTML’为空，但我的 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>
4

1 回答 1

2

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

于 2013-07-17T04:54:21.670 回答