質問編集履歴

2

試したことの追記

2018/06/09 14:47

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -512,7 +512,7 @@
512
512
 
513
513
  検索窓部分と検索窓の説明部分が分離してしまい、
514
514
 
515
- 修正っていま
515
+ どの部分が分離する原因っているのかがわかりせん
516
516
 
517
517
 
518
518
 

1

タイトルの修正と試したことの追記

2018/06/09 14:46

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- JavaScriptのdocumentオブジェクトを用いてHTMLを書くときのエラー③
1
+ JavaScriptのdocumentオブジェクトを用いてHTMLを記述する方法について
test CHANGED
@@ -485,3 +485,61 @@
485
485
 
486
486
 
487
487
  ### 試したこと
488
+
489
+ [前回の質問](https://teratail.com/questions/130282?whotofollow=)前は以下の様に書いておりましたが、
490
+
491
+ 今回修正を加えても
492
+
493
+ ```
494
+
495
+ <form>
496
+
497
+ <h2 id = "form">フォーム</h2>
498
+
499
+ <div>
500
+
501
+ <lavel id = "nameinput"><input type="text" size="15" name="name"></lavel><br>
502
+
503
+ <label id = "question"><input type="text" size="20" name="question"></label><br>
504
+
505
+ <input type="submit" id = "button">
506
+
507
+ </div>
508
+
509
+ </form>
510
+
511
+ ```
512
+
513
+ 検索窓部分と検索窓の説明部分が分離してしまい、
514
+
515
+ 修正に困っています。
516
+
517
+
518
+
519
+ ```JavaScript
520
+
521
+ var form = document.getElementById("form");
522
+
523
+ form.textContent = "フォーム";
524
+
525
+ article.appendChild(form);
526
+
527
+ var nameinput = document.getElementById("nameinput");
528
+
529
+ nameinput.textContent = "氏名:";
530
+
531
+ article.appendChild(nameinput);
532
+
533
+ var question = document.getElementById("question");
534
+
535
+ question.textContent = "問い合わせ内容:";
536
+
537
+ article.appendChild(question);
538
+
539
+ var button = document.getElementById("button");
540
+
541
+ button.textContent = "submit";
542
+
543
+ article.appendChild(button);
544
+
545
+ ```