今天在程序当中需要动态的往页面中添加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);
}
经过测试,在我程序中,上述代码时正确的。