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

本文實例講述了javascript動態修改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程式設計有幫助。