這篇文章主要介紹了javascript如何修改span,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
平山網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),平山網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為平山上千多家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢(qián),請(qǐng)找那個(gè)售后服務(wù)好的平山做網(wǎng)站的公司定做!
javascript修改span的方法:1、使用span標(biāo)簽創(chuàng)建內(nèi)容;2、給span標(biāo)簽添加一個(gè)id屬性;3、使用button標(biāo)簽創(chuàng)建一個(gè)按鈕;4、創(chuàng)建editspan()函數(shù);5、使用innerHTML屬性給span對(duì)象賦值即可。
本文操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript怎么修改span?
js改變span標(biāo)簽的內(nèi)容:
新建一個(gè)html文件,命名為test.html,用于講解js怎么改變span標(biāo)簽的內(nèi)容。
在test.html文件內(nèi),使用span標(biāo)簽創(chuàng)建一行內(nèi)容,用于測(cè)試。
在test.html文件內(nèi),給span標(biāo)簽添加一個(gè)id屬性,設(shè)置為mytest。
在test.html文件內(nèi),使用button標(biāo)簽創(chuàng)建一個(gè)按鈕,給button按鈕綁定onclick點(diǎn)擊事件,當(dāng)按鈕被點(diǎn)擊時(shí),執(zhí)行editspan()函數(shù)。
在js標(biāo)簽中,創(chuàng)建editspan()函數(shù),在函數(shù)內(nèi),將新的內(nèi)容保存在newcon變量中,再通過(guò)id獲得span對(duì)象,使用innerHTML屬性給span對(duì)象賦值,實(shí)現(xiàn)改變span標(biāo)簽的內(nèi)容。
在瀏覽器打開(kāi)test.html文件,查看實(shí)現(xiàn)的效果。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“javascript如何修改span”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!