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>
innerHtmlは存在しません... innerHTMLを使用してください。 jsは大文字小文字を区別します。 – sinisake