JS动态添加span等标签

转载于 2011-12-28 11:15:00 发布

· 6k 阅读

3 ·

版权

原文链接：http://www.cnblogs.com/rayxin/archive/2011/12/28/2304498.html

文章标签：

#javascript #c# #前端 #ViewUI

　　今天在程序当中需要动态的往页面中添加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);
}

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

转载于:https://www.cnblogs.com/rayxin/archive/2011/12/28/2304498.html