回答編集履歴
1
調整
test
CHANGED
|
@@ -7,3 +7,22 @@
|
|
|
7
7
|
const dom=new DOMParser().parseFromString(html,'text/html');
|
|
8
8
|
console.log(dom.querySelector('body').innerHTML);
|
|
9
9
|
```
|
|
10
|
+
複数のDOM生成が必要かどうかしだいですよね
|
|
11
|
+
```javascript
|
|
12
|
+
const html1 = `<h1>test1</h1>`;
|
|
13
|
+
const html2 = `<h2>test2</h2>`;
|
|
14
|
+
const parser=new DOMParser();
|
|
15
|
+
const dom1=parser.parseFromString(html1,'text/html');
|
|
16
|
+
const dom2=parser.parseFromString(html2,'text/html');
|
|
17
|
+
console.log(dom1.querySelector('body').innerHTML);
|
|
18
|
+
console.log(dom2.querySelector('body').innerHTML);
|
|
19
|
+
```
|
|
20
|
+
parserを使い回すくらいならcreateDocumentFragmentの方が楽なような気がします
|
|
21
|
+
```javascript
|
|
22
|
+
const html1 = `<h1>test1</h1>`;
|
|
23
|
+
const html2 = `<h2>test2</h2>`;
|
|
24
|
+
const dom1=Object.assign(document.createDocumentFragment(),{innerHTML:html1});
|
|
25
|
+
const dom2=Object.assign(document.createDocumentFragment(),{innerHTML:html2});
|
|
26
|
+
console.log(dom1.innerHTML);
|
|
27
|
+
console.log(dom2.innerHTML);
|
|
28
|
+
```
|