2014-09-21 48 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