有人知道为什么这在 Firefox 中不起作用吗?
<script type="text/javascript">
function goHo() {
hu.innerHTML="????";
}
</script>
<div class="contentPane" id="Calculator" style="display: block;">
<h2>Savings Calculator</h2><a href="Home" class="backArrow"></a>
<h3>How much do you spend on heating and hot water a year?</h3>
<div id="SpendOptions">
<ul class="optionList">
<a href="#" onMouseOut="goHo()" onMouseOver="hu.innerHTML='£60-180'"><li id="CostOption1">£600 - £900</li></a>
<a href="#" onMouseOut="goHo()" onMouseOver="hu.innerHTML='£90-240'"><li id="CostOption2">£900 - £1200</li></a>
<a href="#" onMouseOut="goHo()" onMouseOver="hu.innerHTML='£120-300'"><li id="CostOption3">£1200 - £1500</li></a>
<a href="#" onMouseOut="goHo()" onMouseOver="hu.innerHTML='£150-360'"><li id="CostOption4">£1500 - £1800</li></a>
<a href="#" onMouseOut="goHo()" onMouseOver="hu.innerHTML='£360'"><li id="CostOption5">£1800+</li></a>
</ul>
</div>
<div id="SavingsBox" style="display: block;">
<h4>This year you could save:</h4>
<h1 id="hu"></h1>
</div>
最佳答案
hu
应该是 document.getElementById("hu")
。 (仅仅因为一个项目有一个ID,并不意味着它就是一个声明的变量(id和作为一个变量的存在没有什么关系))
关于Firefox 中的 Javascript InnerHtml,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7113812/