Q&A
前提・実現したいこと
初歩的な質問失礼します。
JavascriptのDOM操作で、tableタグを使用してthの下にtdタグを生成し文章を打ち込みたいと考えています。
tableの値を取得し、そこにtdを生成し、テキストを打ち込みたいと考えているのですが以下のエラーが出てしまいます。
お手数ですがご確認宜しくお願い致します。
発生している問題・エラーメッセージ
main.js:6 Uncaught TypeError: Cannot read property 'appendChild' of undefined
該当のソースコード
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Todoリスト</title> 7</head> 8<body> 9 <h1>Todoリスト</h1> 10 11 12 <table> 13 <tr> 14 <th>ID</th> 15 <th>コメント</th> 16 <th>状態</th> 17 </tr> 18 <tr> 19 <td></td> 20 21 22 </tr> 23 </table> 24 25 <h2>新規タスクの追加</h2> 26 <input id="addTask" type="text" /> 27 <button id="input_button" type="button">いいね！</button> 28 <script src="js/main.js"></script> 29</body> 30</html>
Javascript
1var table =document.querySelector("table"); 2var element = document.createElement("td"); 3var text = document.createTextNode("いいお天気ですね"); 4document.table.appendChild(element).appendChild(text);
回答1件
0
ベストアンサー
js
1// document.table.appendChild(element).appendChild(text); 2// ↓ 3 table.appendChild(element).appendChild(text);
投稿2020/06/14 14:43
総合スコア69458
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/06/14 14:46