2015-07-06 12 views
1

JavaScript很新穎。正在更改文字

嘗試在單擊按鈕時將文本「段落已更改」更改爲「新建」。不太確定這是爲什麼發生。

感謝

<!DOCTYPE html> 
<html> 
<body> 

<h1>My First Web Page</h1> 
<p id="demo">My first paragraph.</p> 

<script> 
function firstFunction(){ 
    document.getElementByID("demo").innerHTML="New"; 
</script> 

<button type="button" onclick="firstFunction()">Try it</button> 

</body> 
</html> 
+0

包括body標籤的結束前你的腳本。 –

+0

我有,請參閱編輯 –

+0

不,你沒有。包括按鈕後。 –

回答

3

有兩個問題我可以馬上發現:

  1. 您沒有右大括號在你的函數

  2. getElementById功能拼寫錯誤,最後一封信不應該大寫。

當您加載頁面時,您會在瀏覽器控制檯中看到這兩個問題。如果您按ctrl+shift+I,Ctrl+shift+JF12,或者在工具菜單中搜索它,它通常會顯示。當您打開它時,請轉至console選項卡,您將看到發生的錯誤。

下面是關於如何打開控制檯的更多細節:

https://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers

0
<!DOCTYPE html> 
<html> 
<body> 

<h1>My First Web Page</h1> 
<p id="demo">My first paragraph.</p> 

<script> 
function firstFunction(){ 
    document.getElementById("demo").innerHTML="New"; 
} 
</script> 

<button type="button" onclick="firstFunction()">Try it</button> 

</body> 
  • 的功能,就是要的getElementById
  • 有一種}缺少
0

你腳本位置並不重要,儘管最好將它放在y之前請關閉身體標記以加載問題。

您的問題是雙重的。首先確保在聲明函數時關閉花括號。其次,函數名稱是getElementById而不是getElementByID JavaScript區分大小寫。

<!DOCTYPE html> 
 
<html> 
 

 
<body> 
 

 
    <h1>My First Web Page</h1> 
 
    <p id="demo">My first paragraph.</p> 
 

 
    <script> 
 
    function firstFunction() { 
 
     <!-- Id is not capitalized --> 
 
     document.getElementById("demo").innerHTML = "New"; 
 
    } <!-- important curly brace --> 
 
    </script> 
 

 
    <button type="button" onclick="firstFunction()">Try it</button> 
 

 
</body> 
 

 
</html>