teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

追記

2020/03/07 02:08

投稿

kyoya0819
kyoya0819

スコア10434

answer CHANGED
@@ -6,4 +6,9 @@
6
6
  `.appendChild`はDOM操作しなければできません。
7
7
  失礼しました。
8
8
 
9
- [MDN](https://developer.mozilla.org/ja/docs/Web/API/Node/appendChild)
9
+ [MDN](https://developer.mozilla.org/ja/docs/Web/API/Node/appendChild)
10
+
11
+ ###訂正を受けて
12
+
13
+ 個人的には何方でも良いと思います。
14
+ ただ、クラスや内容が多くなるならDOM生成、それ以外は直で書いたほうが個人的には綺麗だと思います。

1

追記

2020/03/07 02:07

投稿

kyoya0819
kyoya0819

スコア10434

answer CHANGED
@@ -1,4 +1,9 @@
1
- 物によりますが、可読性めっちゃにこだわるならご提示手法は全然ありだと思いま
1
+ 勘違いしていたで大幅な修正を行いました
2
- 結局のところ、特に`.appendChild`の時はDOM生成must!なんてことはないので、開発環境に合わせて柔軟に対応して行ったほうが良いと思います。
3
2
 
4
- (個人的にはクラスや内容が多くなるならDOM生成、それ以外は直でかきます。
3
+ > 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:
4
+ [SO](https://stackoverflow.com/questions/31913642/argument-1-of-node-appendchild-does-not-implement-interface-node)
5
+
6
+ `.appendChild`はDOM操作しなければできません。
7
+ 失礼しました。
8
+
9
+ [MDN](https://developer.mozilla.org/ja/docs/Web/API/Node/appendChild)