回答編集履歴

1

追記

2017/07/20 02:14

投稿

m.ts10806
m.ts10806

スコア80852

test CHANGED
@@ -1,6 +1,14 @@
1
+ ※回答とコード部分を修正しました
2
+
3
+
4
+
1
5
  ブラウザの開発ツールで見ますと、追加した行のcssクラスが消えてますね。
2
6
 
7
+ →というより[insertCell](http://alphasis.info/2014/03/javascript-dom-tr-insertcell/)でtd要素を作ってるのでinnerHTMLでtd入れても重複タグとなるため打ち消していてtag1に入れたtd~/tdが無効になっている感じですね。
8
+
9
+
10
+
3
- テーブルセルの追加は基本タグのみにして、あとから以下のようにcssクラスを追加してはどうでしょうか。
11
+ 以下のようにcssクラスを追加してはどうでしょうか。
4
12
 
5
13
 
6
14
 
@@ -8,7 +16,7 @@
8
16
 
9
17
  // input用 タグ
10
18
 
11
- var tag1 = '<td><input type="text" value="" /></td>',
19
+ var tag1 = '<input type="text" value="" />',
12
20
 
13
21
 
14
22