javascript - null エラーの innerHTML を設定できません。ただし、html IDは存在します

Question

getElementById から null のプロパティ 'innerHTML' を設定できませんが、HTML 要素には正しい ID があり、スクリプトにも正しい 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>