脱jQuery～JavaScriptに支配されないための真の思考法～ beforeメソッド

jQueryのbeforeメソッドをネイティブJavaScript(vanilla JS)で実装する方法について書く。

// jQuery
$('#hoge').before('<div>before</div>');

// JavaScript
var _div = document.createElement('div');
_div.innerText = 'before';
var _hoge = document.querySelector('#hoge');
_hoge.parentNode.insertBefore(_div, _hoge);