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

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

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

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

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

在js中，通過(guò)獲得li標(biāo)簽對(duì)象，使用innerHTML屬性便可實(shí)現(xiàn)改變li標(biāo)簽的值。

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

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

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

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

點(diǎn)擊按鈕后：

總結(jié)：

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

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

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

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