javascript - appendChild + createElement

Question

有什么区别:

var div = document.createElement('div');//output -> [object HTMLDivElement]

document.getElementById('container').appendChild(div);

和:

var div = '<div></div>';

document.getElementById('container').appendChild(div);//output -> <div></div>

两者不应该一样吗？如果没有，我如何让第二个版本工作？

Answer 1

后者只是一个包含 HTML 的字符串，而第一个是一个对象。对于第一个，您需要 appendChild 而对于第二个，您需要附加到 innerHTML。

shouldn't both be the same? and if not, how do i get the 2nd version to work?

var div = '<div></div>';
document.getElementById('container').innerHTML += div;