为什么这段代码不能把span添加到div中

function add(){
    var div=document.createElement('div');
    var span=document.createElement('span');

    span.innerHTML='2222';
    div.appendChild(span);

    div.innerHTML='111';
    document.body.appendChild(div);
}
add();
为什么span.innerHTML='2222'；要放在最后才能把span加到div中？

---

div.innerHTML='111'; 把你的加进去的span覆盖了呀