如何使用HTML字符串创建一个原生DOM对象

如何使用HTML字符串创建一个原生DOM对象

今天去面试，期间有个面试官问到一个问题，如何通过类似使用jquery的方式来创建一个DOM元素。
本来很简单的一个问题，看到那个一副欠他钱的死样子，我想也没想就直接说了句不知道。。。匆匆就结束了面试

其实就问题本身来讲还是很简单的，大概写下实现步骤吧。

• jquery式的常见方式

var $dom = $('<div id="app" v-cloak>这是一个有属性的DOM元素</div>')
document.body.appendChild($dom);

• 原生JS实现的一种方式

function CreateDOM(str) {
  var dom, tmp = document.createElement('div');

  tmp.innerHTML = str;

  dom = tmp.children[0];

  return dom;
}

var dom = CreateDOM('<div id="app" v-cloak>这是一个带属性的DOM元素</div>');
document.body.appendChild(dom);