javascript_javascript 스킬에서 Li 노드 값을 동적으로 수정하는 방법

본 글의 예시에서는 자바스크립트에서 Li 노드 값을 동적으로 수정하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

 
 
<머리> 
 
     
    <스크립트 유형="텍스트/자바스크립트"> 
        함수 젤(id) { 
            return document.getElementById(id); 
        } 
         
        //전체 입력 입력 제어
        var inpt = document.createElement("input"); 
        inpt.setAttribute("유형", "텍스트"); 
 
        inpt.onblur = function() { 
            //alert("tet"); 
            this.parentElement.innerHTML = inpt.value; 
        }; 
 
        window.onload = function() { 
            var lis = gel("ulList").childNodes; 
            for (var i = 0; i < lis.length; i ) { 
                if (lis[i].nodeType == 1) { 
                    lis[i].ondblclick = 함수 () { 
                        //删除文本 
                        inpt.value = this.innerHTML; 
                        this.removeChild(this.firstChild); 
                        this.appendChild(inpt); 
                        //获取焦点
                        inpt.focus(); 
                        //inpt这个控件失去焦点的时候, 也要绑定一个事件,把inpt中的文本值返回给当前li 
                        //编写inpt.onblur
                    }; 
                } 
            } 
        }; 
     
 
<본문> 
   

 
       
• 북경
 
       
• 산서
 
       
• 상해
 
       
• 하늘津
 
       
• 河南