element.insertAdjacentHTMLメソッド

http://qiita.com/amamamaou/items/624c22adec32515e863b
javascriptというかDOMで、HTML文字列を引数に指定してDOM要素を追加するメソッド。Adjacentは隣接を意味する単語。
element.innerHTML += "xxxx" とやってしまうとelement以下のDOM要素が一旦すべて破棄されてすべて再作成する動きになるが、このメソッドだと既存DOM要素はそのままで追加をしてくれる。
当然こっちの方が動作が早い。
例：

element.insertAdjacentHTML("afterbegin", "<h1>TEST</h1>");

第一引数には追加する位置を指定する。

Text

---

HTMLではなくDOMオブジェクトを扱う類似メソッド、element.insertAdjacentElementもある。
element.appendChildより便利だが、Adjacentのつづりが覚えにくい気がする……。確かこの単語、HearthStoneのカードテキストにも出てきたような。

var h1 = document.createElement("h1");
h1.textContent = "TEST";

element.insertAdjacentElement("afterbegin", h1);