document.createElementより便利

忘れない内にメモ
今まで生のJSを使わないと行けない環境でDomをいじくり回したい時は

var id = "hoge";
var text = "Lorem ipsum";
var header = document.createElement("h1");
header.setAttribute("id",id);
header.textContent = text;
// <h1 id="hoge">Lorem ipsum</h1>

とクッソ面倒な事をやってたけど

var id = "hoge";
var text = "Lorem ipsum";
var parser = new DOMParser();
var temp = "<h1 id=" + id + ">" + text + "</h1>";
var doc = parser.parseFromString(temp, "text/html");

と簡潔に書けるらしい。

テンプレートリテラル使えるなら

var id = "hoge";
var text = "Lorem ipsum";
var parser = new DOMParser();
var temp = `<h1 id="${id}">${text}</h1>`;
var doc = parser.parseFromString(temp, "text/html");

めっちゃ楽になる。