2017-12-31 47 views
-1

Pという名前の要素のinnerHtmlを追加しようとしています。ボタンのonclick中にinnerhtmlを変更しようとしました。しかし全体的に私はそうしていません。そして私はまだそれがなぜそうしていないのか分かりません。innerhtmlをtagnameまたはidで追加しようとしましたが、その効果が表示されませんでした

<!DOCTYPE html> 
<html> 
<head> 
    <title>javascript </title> 
</head> 
<body> 
<button onclick="myfunction()">click me</button> 
<p id="new"> this my content added by manully</p> 
<p id="p1"></p> 

<script type="text/javascript"> 

    document.getElementById("new").innerHtml="this is my first page"; 
    function myfunction(){ 
     //alert(1); 
     document.getElementById("p1").innerHtml="this is my first page"; 
     //console.log(); 
    } 

</script> 
</body> 
</html> 

私はこの結果をうまく示しています。目を注意してください。

<!DOCTYPE html> 
<html> 
<body> 

<p>Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p> 

<button onclick="myFunction()">Click me</button> 

<p id="demo"></p> 

<script> 
function myFunction() { 
    document.getElementById("demo").innerHTML = "Hello World"; 
} 
</script> 

</body> 
</html> 
+5

innerHtmlは存在しません... innerHTMLを使用してください。 jsは大文字小文字を区別します。 – sinisake

答えて

1

私はinnerHTMLプロパティとして命名されたが、私はinnerHTMLプロパティとしてそれを使用していたjavascript関数の間違った構文を使用していました。

<!DOCTYPE html> 
<html> 
<head> 
    <title>javascript </title> 
</head> 
<body> 
<button onclick="myfunction()">click me</button> 
<p id="new"> this my content added by manully</p> 
<p id="p1"></p> 

<script type="text/javascript"> 

    document.getElementById("new").innerHTML="this is my first page"; 
    function myfunction(){ 
     //alert(1); 
     document.getElementById("p1").innerHTML="this is my first page"; 
     //console.log(); 


    } 


</script> 
</body> 
</html> 
0

これを試してみてください。

<script> 
     $(document).on('click', '#new', function() { 

      $(this).html('my msg'); 

     }) 
    </script> 
+0

ありがとうが、私はjavascriptだけを使いたい。今までjqueryについて考えていない。 –

+0

あなたの歓迎ですが、それはあなたのHTML文書の頭にリンクを追加するだけでJQUERYでプロフェッショナルである必要があります;) –

関連する問題