2014-09-21 53 views
-4

确定这样的HTML:第一个JavaScript测试破 - 我实在不明白这一点

<body> 

    <div class="title"> 
     <img src="img" alt=""/> 
    </div> 

    <div class="nav"> 
     <ul> 
      <li><button onclick='homeClick()'>HOME</button></li> 
      <li><a href="#" class="historybtn" onclick="workClick()">WORK</a></li> 
      <li><a href="team.html" class="teambtn">TEAM</a></li> 
      <li><a href="contact.html" class="contactbtn">CONTACT</a></li> 
     </ul> 
    </div> 

    <p id="home1">Check</p> 

    <p id="work1">Here's some text in the home div</p> 

    <script src="mainapp.js"></script> 
</body> 

而且我有这个脚本(mainapp.js如上称呼)应该改变p元素/ s ...为什么它不能运行OMG RAWR?

function homeClick() { 
     document.getElementByID("home1").innerHTML = "Break a breaka one nine."; 
    }; 

    function workClick() { 
     document.getElementByID('work1').innerHTML = "Now it's the work text"; 
    }; 
+0

请解释到底是什么出了问题(包括任何错误消息),并考虑改写你的问题。 – 2014-09-21 22:47:21

+0

如果下面的一个答案回答你的问题,这个网站的工作的工作方式,你会“接受”的答案,更在这里:[*当有人回答我的问题,我应该怎么办*?](HTTP://计算器.COM /帮助/人,答案)”。但是,只有当你的问题实际上已经回答了。 – 2014-09-22 15:39:07

回答

2

因为,正如Web控制台告诉你的,没有getElementByID函数。但是,有一个getElementById函数(注意最后的小写d)。 JavaScript区分大小写。

+2

又爱那个控制台。[如何打开在不同浏览器的JavaScript控制台?](http://webmasters.stackexchange.com /问题/ 8525 /如何对开放式的的JavaScript控制台功能于不同的浏览器) – Shai 2014-09-21 22:36:31

+0

我知道这只会尴尬。谢谢您的好意! – user3910473 2014-09-22 14:48:37

0

难道我们都使这些滑动窗口。更改的getElementById到的getElementById 干杯

+0

结束我是一个白痴。谢谢你,伙计。 – user3910473 2014-09-22 14:49:05