本文实例讲述了javascript动态修改Li节点值的方法。分享给大家供大家参考。具体实现方法如下： 复制代码 代码如下: 修改Li的值 <br /> function gel(id) { <br /> return document.getElementById(id); <br /> } <br /> <br /> //全局的input输入控制 <br /> var inpt = document.createElement("input"); <br /> inpt.setAttribute("type", "text"); <br /> <br /> inpt.onblur = function() { <br /> //alert("tet"); <br /> this.parentElement.innerHTML = inpt.value; <br /> }; <br /> <br /> window.onload = function() { <br /> var lis = gel("ulList").childNodes; <br /> for (var i = 0; i < lis.length; i++) { <br /> if (lis[i].nodeType == 1) { <br /> lis[i].ondblclick = function () { <br /> //删除文本 <br /> inpt.value = this.innerHTML; <br /> this.removeChild(this.firstChild); <br /> this.appendChild(inpt); <br /> //获取焦点 <br /> inpt.focus(); <br /> //在inpt这个控件失去焦点的时候，也要绑定一个事件,把inpt中的文本值返回给当前li <br /> //编写inpt.onblur <br /> }; <br /> } <br /> } <br /> }; <br /> 北京 山西 上海 天津 河南 希望本文所述对大家的javascript程序设计有所帮助。
