質問編集履歴
3
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
|
|
161
161
|
### 試したこと３
|
|
162
162
|
|
|
163
|
-
エラーを参考に、次の変換の関数`htmlToNode`を見つけたのですが、結局同じエラーになってしまいます…
|
|
163
|
+
エラーを参考に、次の変換の関数`htmlToNode`を見つけた（[参考サイト](https://shanabrian.com/web/javascript/html-to-node.php)）のですが、結局同じエラーになってしまいます…
|
|
164
164
|
|
|
165
165
|
```js
|
|
166
166
|
|
2
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -192,4 +192,4 @@
|
|
|
192
192
|
|
|
193
193
|
textbox_element.appendChild(htmlToNode(new_element));
|
|
194
194
|
|
|
195
|
-
``
|
|
195
|
+
```
|
1
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -157,3 +157,39 @@
|
|
|
157
157
|
```
|
|
158
158
|
|
|
159
159
|
エラーを見るに、「appendChild使うときは、Nodeじゃないとダメだよ」とのことですが、それがなんなのか、意味がよくわかりません。
|
|
160
|
+
|
|
161
|
+
### 試したこと３
|
|
162
|
+
|
|
163
|
+
エラーを参考に、次の変換の関数`htmlToNode`を見つけたのですが、結局同じエラーになってしまいます…
|
|
164
|
+
|
|
165
|
+
```js
|
|
166
|
+
|
|
167
|
+
var htmlToNode = function(htmlStr) {
|
|
168
|
+
|
|
169
|
+
if (!htmlStr || typeof htmlStr !== 'string') return;
|
|
170
|
+
|
|
171
|
+
|
|
172
|
+
|
|
173
|
+
var tmpElmt = document.createElement('div'),
|
|
174
|
+
|
|
175
|
+
i = 0, len = 0, nodes = [];
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
// 高速処理するが対応ブラウザを考えinnerHTMLを使用
|
|
180
|
+
|
|
181
|
+
tmpElmt.innerHTML = htmlStr; // tmpElmt.insertAdjacentHTML('beforeend', htmlStr);
|
|
182
|
+
|
|
183
|
+
|
|
184
|
+
|
|
185
|
+
return tmpElmt.childNodes;
|
|
186
|
+
|
|
187
|
+
};
|
|
188
|
+
|
|
189
|
+
|
|
190
|
+
|
|
191
|
+
// 指定した要素の中の末尾に挿入
|
|
192
|
+
|
|
193
|
+
textbox_element.appendChild(htmlToNode(new_element));
|
|
194
|
+
|
|
195
|
+
``
|