首頁 web前端 js教程 javascript動態修改Li節點值的方法_javascript技巧

javascript動態修改Li節點值的方法_javascript技巧

May 16, 2016 pm 04:19 PM
javascript li 修改 動態 方法

本文實例講述了javascript動態修改Li節點值的方法。分享給大家供大家參考。具體實作方法如下:

複製程式碼 程式碼如下:

 
 
 
 
    修改Li的數值 
     
        功能凝膠(id){ 
            返回 document.getElementById(id); 
        } 
         
        // 全域的輸入輸入控制
        var inpt = document.createElement("輸入"); 
        inpt.setAttribute("類型", "文字"); 
 
        inpt.onblur = function() { 
            //警報(「泰特」); 
            this.parentElement.innerHTML = inpt.value; 
        }; 
 
        window.onload = function() { 
            var lis = gel("ulList").childNodes; 
            for (var i = 0; i                 if (lis[i].nodeType == 1) { 
                    lis[i].ondblclick = function () { 
                        // 文字移除
                        inpt.value = this.innerHTML; 
                        this.removeChild(this.firstChild); 
                        this.appendChild(inpt); 
                        //使用重點量
                        inpt.focus(); 
                        //在inpt在這個控制失去焦點的時候,且要綁定一個事件,將inpt中的文字值傳回給目前使用                         //且寫出為inpt.onblur
                    }; 
                } 
            } 
        }; 
    腳本> 
頭> 
 
   
     
           
  • 北京
  •  
           
  • 山西
  •  
           
  • 上海
  •  
           
  • 天津
  •  
           
  • 河南
  •  
       
 
正文> 


希望本文對大家介紹的javascript程式設計有幫助。

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

釘釘怎麼修改群組裡的個人名稱_釘釘修改群組個人名稱方法 釘釘怎麼修改群組裡的個人名稱_釘釘修改群組個人名稱方法 Mar 29, 2024 pm 08:41 PM

釘釘怎麼修改群組裡的個人名稱_釘釘修改群組個人名稱方法

怎麼在番茄免費小說app中寫小說 分享番茄小說寫小說方法教程 怎麼在番茄免費小說app中寫小說 分享番茄小說寫小說方法教程 Mar 28, 2024 pm 12:50 PM

怎麼在番茄免費小說app中寫小說 分享番茄小說寫小說方法教程

七彩虹主機板怎麼進入bios?教你兩種方法 七彩虹主機板怎麼進入bios?教你兩種方法 Mar 13, 2024 pm 06:01 PM

七彩虹主機板怎麼進入bios?教你兩種方法

微信刪除的人如何找回(簡單教學告訴你如何恢復被刪除的聯絡人) 微信刪除的人如何找回(簡單教學告訴你如何恢復被刪除的聯絡人) May 01, 2024 pm 12:01 PM

微信刪除的人如何找回(簡單教學告訴你如何恢復被刪除的聯絡人)

將VirtualBox固定磁碟轉換為動態磁碟,反之亦然 將VirtualBox固定磁碟轉換為動態磁碟,反之亦然 Mar 25, 2024 am 09:36 AM

將VirtualBox固定磁碟轉換為動態磁碟,反之亦然

快速掌握:華為手機開啟兩個微信帳號方法大揭密! 快速掌握:華為手機開啟兩個微信帳號方法大揭密! Mar 23, 2024 am 10:42 AM

快速掌握:華為手機開啟兩個微信帳號方法大揭密!

抖音藍V可以改名字嗎?企業抖音藍V號名稱修改步驟有哪些? 抖音藍V可以改名字嗎?企業抖音藍V號名稱修改步驟有哪些? Mar 22, 2024 pm 12:51 PM

抖音藍V可以改名字嗎?企業抖音藍V號名稱修改步驟有哪些?

手機版龍蛋孵化方法大揭密(一步一步教你如何成功孵化手機版龍蛋) 手機版龍蛋孵化方法大揭密(一步一步教你如何成功孵化手機版龍蛋) May 04, 2024 pm 06:01 PM

手機版龍蛋孵化方法大揭密(一步一步教你如何成功孵化手機版龍蛋)

See all articles