日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問(wèn) 生活随笔!

生活随笔

當(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)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。