javascript_javascriptスキルでLiノード値を動的に変更する方法

この記事の例では、JavaScript で Li ノードの値を動的に変更する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:

 
 
 
 
     
    <スクリプトタイプ="text/javascript"> 
        関数 gel(id) {
            document.getElementById(id) を返します。 
        }
         
        //全局のinput输入制御
        var inpt = document.createElement("入力"); 
        inpt.setAttribute("タイプ", "テキスト"); 
 
        inpt.onblur = function() {
            //alert("テト"); 
            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 内の文本が返されます当前li
                        //编写inpt.onblur
                    }; 
                }
            }
        }; 
     
 
 
   

 
       
• 北京
 
       
• 山西
 
       
• 上海
 
       
• 天津
 
       
• 河南
 
   

 
 

ここで説明されている大家向けの JavaScript プログラムの設計が役立つことを望みます。