今天在程序當中需要動態的往頁面中添加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

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的JS动态添加span等标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。