2017-12-22 8 views
-4

動作しないコードです:HTMLの作品が、JSはここ

<!DOCTYPE html> 
<html> 
<body> 

<h1> 
This is a header. 
</h1> 

<title> 
This is a title. 
</title> 

<button type="button" onclick="func()"> 
This is a button. 
</button> 

<p id="demo"> 
This is a paragraph. 
</p> 

<script> 
function func() { 
    document.getElementByID("demo").innerHTML = "Changed the text!"; 
} 
</script> 

</body> 
</html> 

コード関数のHTMLの一部正しく、私はボタンを押したときにJSコードが活性化しません。なぜ誰が知っていますか?

+4

関数名は "getElementByIdを()" ではなく、 "getElementByIdを()"(小文字のdは注意してください)です。 –

+0

JSコンソールでエラーが表示されませんか?あなたは投稿する前にそこを見て気にしましたか? – Barmar

答えて

1

あなたはdocument.getElementById関数の名前にタイプミスをしました。 getElementByIdである必要があります。

<h1> 
 
This is a header. 
 
</h1> 
 

 
<title> 
 
This is a title. 
 
</title> 
 

 
<button type="button" onclick="func()"> 
 
This is a button. 
 
</button> 
 

 
<p id="demo"> 
 
This is a paragraph. 
 
</p> 
 

 
<script> 
 
function func() { 
 
    document.getElementById("demo").innerHTML = "Changed the text!"; 
 
} 
 
</script>

-1

document.getElementById

使用中のタイプミスがあります:

document.getElementById("demo").innerHTML = "Changed the text!"; 
+0

文字通り数時間で私は今日、少なくとも3つの質問が関与してgetElementByID≠getElementById – dGRAMOP

+0

なぜdownvotes tho? –

+0

些細なタイプミスには答えられません。コメントを投稿して閉じるだけです。 – Barmar

関連する問題