這篇文章主要為大家展示了“javascript如何實現(xiàn)改變li的值”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“javascript如何實現(xiàn)改變li的值”這篇文章吧。

10年積累的成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有橫峰免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

在JavaScript中，可以利用innerHTML屬性來改變li標簽的值，該屬性用于設(shè)置或返回表格行的開始和結(jié)束標簽之間的 HTML，語法為“l(fā)i標簽對象.innerHTML="更改后的值"”。

本教程操作環(huán)境：windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript如何實現(xiàn)改變li的值

在js中，通過獲得li標簽對象，使用innerHTML屬性便可實現(xiàn)改變li標簽的值。

新建一個html文件，命名為test.html，用于講解JS怎么改變ul標簽下li標簽的值。使用ul和li標簽創(chuàng)建一個列表，li的值分別為測試a，測試b。設(shè)置第一個li標簽的id為mytest，主要用于下面通過該id獲得li對象。使用button標簽創(chuàng)建一個按鈕，按鈕名稱為“改變li的值”。

在test.html文件中，給button按鈕綁定onclick點擊事件，當(dāng)按鈕被點擊時，執(zhí)行editli（）函數(shù)。

創(chuàng)建editli()函數(shù)，在函數(shù)內(nèi)，使用getElementById（）方法通過id(mytest)獲得li對象，給該li對象的innerHTML屬性重新賦值，實現(xiàn)改變li標簽的值。

在瀏覽器打開test.html文件，點擊按鈕，查看實現(xiàn)的效果。

點擊按鈕后：

總結(jié)：

1、創(chuàng)建一個test.html文件。

2、在文件內(nèi)，使用ul和li標簽創(chuàng)建一個列表，同時創(chuàng)建一個button按鈕，用于觸發(fā)執(zhí)行js函數(shù)。

3、在js標簽內(nèi)，創(chuàng)建js函數(shù)，在函數(shù)內(nèi)，使用getElementById（）方法通過id獲得li對象，給該li對象的innerHTML屬性重新賦值，實現(xiàn)改變li標簽的值。

以上是“javascript如何實現(xiàn)改變li的值”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站名稱：javascript如何實現(xiàn)改變li的值
本文網(wǎng)址：http://aaarwkj.com/article16/pchigg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、云服務(wù)器、網(wǎng)站收錄、關(guān)鍵詞優(yōu)化、企業(yè)網(wǎng)站制作、動態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)