HTML文字列をElementに変換する #JavaScript

document.createElementで適当なElementを作成し、innerHTMLでHTMLの文字列を設定する。
差し込んだHTMLがfirstElementChildでElementとして取得できる。

createElementFromHTML

/**
 * HTML文字列をElementへ変換する。
 * @param html HTML文字列
 * @returns {Element} 
 */
function createElementFromHTML(html) {
    const tempEl = document.createElement('div');
    tempEl.innerHTML = html;
    return tempEl.firstElementChild;
}

// 呼び出し例
createElementFromHTML('<div style="width: 300px;"></div>');