JS动态添加span等标签

　　今天在程序当中需要动态的往页面中添加span标签，同时需要设置span的文本，本人的JS不好，就从网上找了不少资料，多数是一样的做法，如下大体代码所示：

function addTag() {
    var div = document.createElement("div");
    var test = document.createElement("span");
    test.innerHTML = "测试";
    div.appendChild(test);
}

　　上述代码，创建span标签是没有问题的，但是设置文本时，我怎么测试都不成功，在FireBug中提示“test.innerHTML is not a function”，测试innerText也不行，最后还是另想别的方法，还好找到了：

function addTag() {
    var div = document.createElement("div");
    var test = document.createElement("span");
    test.appendChild(document.createTextNode("测试"));
    div.appendChild(test);
}

　　经过测试，在我程序中，上述代码时正确的。