Q&A
何を作ろうとしてるのでしょうか。そこの説明がないことには
「その場のエラーの解消」くらいしかアドバイスができません。
以下のような構造のHTMLを作りたいと思っています。
<body> <a> <div> <div></div> </div> </a> </body>
そこで、下のjavascriptで上の4行はうまくいったのですが、一番下の行を入れると
Uncaught TypeError: Cannot read property 'appendChild' of undefined
と出てきます。
原因がわからないので、教えていただけますでしょうか。
var body = document.body; var aTag = document.createElement("a"); document.body.appendChild(aTag); var newDiv = document.createElement("div"); document.aTag.appendChild("newDiv");
<body>
<a>
<div>
<div></div>
</div>
</a>
</body>
このような構造のHTMLを作りたいと思っています。
質問は編集できますので適宜追記してください。
回答1件
0
ベストアンサー
document.aTag.appendChild("newDiv");
単にこうでしょう
javascript
1 aTag.appendChild(newDiv); //修正しました
投稿2020/03/31 02:11
編集2020/03/31 02:18
総合スコア114837
すると次はこんなエラーが出てくるんです。
Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
すみません。
newDivは変数として渡します。
回答修正してあります
"newDiv" は文字列
newDiv はcreateElementされたdivが入った変数
※ごめんなさい被りました
bodyにappendするのもタイミングが必要なので
流れ的にはこんな感じで
window.addEventListener('DOMContentLoaded', ()=>{
const body = document.querySelector('body');
const aTag = document.createElement("a");
const newDiv = document.createElement("div");
body.appendChild(aTag);
aTag.appendChild(newDiv);
newDiv.appendChild(document.createTextNode('test'));
});
ありがとうございます！
また新しい構文が出てきました。。。笑
勉強していきます！！
あなたの回答
tips
プレビュー
