原生js如何生成dom对象？

Question

ele.appendChild('<span>hello</span>');

报如下错误：

Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

怎么生成span的node对象呢？

Answer 1

document.createElement('span')

Answer 2

但就你这个例子的话可以：

ele.innerHTML = '<span>hello</span>';

如果用 appendChild 的话：

var span = document.createElement('span');
span.innerText = 'hello';
ele.appendChild(span);

Answer 3

不知道你到底想要如何的代码，我给你两个例子

点击这里预览方案一

点击这里预览方案二