當(dāng)前位置:
首頁(yè) >
JS动态添加span等标签
發(fā)布時(shí)間:2023/12/9
58
豆豆
生活随笔
收集整理的這篇文章主要介紹了
JS动态添加span等标签
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
今天在程序當(dāng)中需要?jiǎng)討B(tài)的往頁(yè)面中添加span標(biāo)簽,同時(shí)需要設(shè)置span的文本,本人的JS不好,就從網(wǎng)上找了不少資料,多數(shù)是一樣的做法,如下大體代碼所示:
function addTag() {var div = document.createElement("div");
var test = document.createElement("span");
test.innerHTML = "測(cè)試";
div.appendChild(test);
}
上述代碼,創(chuàng)建span標(biāo)簽是沒(méi)有問(wèn)題的,但是設(shè)置文本時(shí),我怎么測(cè)試都不成功,在FireBug中提示“test.innerHTML is not a function”,測(cè)試innerText也不行,最后還是另想別的方法,還好找到了:
function addTag() {var div = document.createElement("div");
var test = document.createElement("span");
test.appendChild(document.createTextNode("測(cè)試"));
div.appendChild(test);
}
經(jīng)過(guò)測(cè)試,在我程序中,上述代碼時(shí)正確的。
轉(zhuǎn)載于:https://www.cnblogs.com/rayxin/archive/2011/12/28/2304498.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的JS动态添加span等标签的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: MySQL集群配
- 下一篇: 让人难以置信的HTML5和JavaScr