JavaScript物件導向修改標籤頁詳解

　　雙擊標籤頁元件中的li小標籤或者section 中的文字，可以對文字進行編輯。為了實現這個功能，需要先給li和section元素繫結雙擊事件，當雙擊文字後，將文字改成一個文字框，用來輸入新的內容，在文字框中顯示原來的文字，並預設選定文字。當文字框失去焦點，或者使用者按下Enter鍵以後，輸人框中的值就會更新頁面中原來的文字。

　　下面我們開始進行程式碼編寫。

　　( 1 )在updateNode0 方法中獲取li中的span文字元素，具體程式碼如下。

　　(2)編寫editTab0方法，實現雙擊文字後顯示文字框的效果。先獲取原來的文字，然後將文字替換為文字框，並在文字框中放人原來的文字，具體程式碼如下。

　　(3)為文字框繫結失去焦點事件和鍵盤事件，實現獲取焦點或按Enter鍵後提交修改，具體程式碼如下。

　　(4)在init(O的for迴圈中增加程式碼，讓標籤頁的內容也可以修改。

　　(5)透過瀏覽器訪問測試，觀察雙擊文字後是否會自動變成一個文字框，並在文字框中顯示原來的文字。當輸人完成後，按Enter鍵，或者再單擊一下其他位置，觀察修改是否成功。

　　JavaScript物件導向修改標籤頁詳解內容就是以上這些了，更多 web前端相關教程和資料，都可以關注小千，後期會分享更多web前端知識。

　　本文來自千鋒教育，轉載請註明出處。