HTML文字列をノードに変換

JavaScript

/**
 * HTML文字列をノードに変換
 * @param {string} htmlStr 変換するHTMLの文字列
 * @return {NodeList} 変換したHTMLのNodeListを返す
 */
var htmlToNode = function(htmlStr) {
	if (!htmlStr || typeof htmlStr !== 'string') return;

	var tmpElmt = document.createElement('div');

	// 高速処理するが対応ブラウザを考えinnerHTMLを使用
	tmpElmt.innerHTML = htmlStr; // tmpElmt.insertAdjacentHTML('beforeend', htmlStr);

	return tmpElmt.childNodes;
};

JavaScript

var htmlStr = '<div class="foo"><p>サンプル</p></div><p><span id="bar">sample</span></p>';

var node = htmlToNode(htmlStr);