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