回答編集履歴

2

追記

2020/03/07 02:08

投稿

kyoya0819
kyoya0819

スコア10429

test CHANGED
@@ -15,3 +15,13 @@
15
15
 
16
16
 
17
17
  [MDN](https://developer.mozilla.org/ja/docs/Web/API/Node/appendChild)
18
+
19
+
20
+
21
+ ###訂正を受けて
22
+
23
+
24
+
25
+ 個人的には何方でも良いと思います。
26
+
27
+ ただ、クラスや内容が多くなるならDOM生成、それ以外は直で書いたほうが個人的には綺麗だと思います。

1

追記

2020/03/07 02:07

投稿

kyoya0819
kyoya0819

スコア10429

test CHANGED
@@ -1,7 +1,17 @@
1
- 物によりますが、可読性めっちゃにこだわるらご提示の手法は全然ありだと思いま
1
+ 勘違いしていたので大幅修正を行いました
2
-
3
- 結局のところ、特に`.appendChild`の時はDOM生成must!なんてことはないので、開発環境に合わせて柔軟に対応して行ったほうが良いと思います。
4
2
 
5
3
 
6
4
 
7
- (個人的にはクラスや内容が多くなるならDOM生成、それ以外は直でかきます。
5
+ > appendChild is a native DOM method and only accepts DOM nodes as a parameter. The element you're trying to append (panelDiv) is a jQuery object, not a DOM element. You can either append the DOM element:
6
+
7
+ [SO](https://stackoverflow.com/questions/31913642/argument-1-of-node-appendchild-does-not-implement-interface-node)
8
+
9
+
10
+
11
+ `.appendChild`はDOM操作しなければできません。
12
+
13
+ 失礼しました。
14
+
15
+
16
+
17
+ [MDN](https://developer.mozilla.org/ja/docs/Web/API/Node/appendChild)