innerHTML 跟 appendchild 的区别

innerHTML 和 appendchild 的区别
<li id="x"></li>

<script>
var x = document.getElementById("x");
x.appendChild(document.createTextNode("汉字"));
</script>


x.innerHTML = "<a href='http://baidu.com'>&amp;百度&amp;</a>"; // 在页面显示为链向百度的 "&百度&" 超链接
x.appendChild(document.createTextNode("<a href='http://baidu.com'>&amp;百度&amp;</a>")); // 在页面显示为普通字串