※ ChatGPTを利用し、要約された質問です(原文:createElementによるタグ追加作成)
createElementによるタグ追加作成で問題が発生しています
ボタンが押された時にPタグの中に、H1タグを挿入されるhtmlを作成しました。
ですが、ボタンを押しても addH関数に処理が流れないみたいなのです。
なぜなのでしょうか・・・。
環境は、Win7・IE9です。
よろしくお願いします。
===以下ソース===
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>タグの追加</title>
<script type="text/javascript">
<!--
function addH(){
alert("test");
/*(1)Pタグの要素ノードオブジェクト*/
var info = document.getElementById('info');
alert(info):
/*(2)新たにH1タグの要素ノードを作成する*/
var h1Node = document.createElement('h1');
/*(3)新たにテキストノードを作成する*/
var textNode = document.createTextNode('こんにちは');
/*(4)作成したテキストノードをH1タグ要素の子要素として追加する*/
h1Node.appendChild(textNode);
/*(1)Pタグに、完成したH1タグを追加する*/
info.appendChild(h1Node);
}
-->
</script>
</head>
<body>
<p id="info"></p>
<input type="button" value="H1タグ追加" onClick="addH()">
</body>
</html>
===ソースここまで===
お礼
情報ありがとうございます。 教えて頂いた内容 alert(info):を「;」に修正したところ動きました。 >エラーメッセージを確認すれば、簡単に見付けられるミスなんですけど。 ただ、エラーメッセージは、出なかったので見つけることが出来なかったのです。 IEの左下にエラーがあることを示す警告アイコンが出てこなかったのです。