javascript动态修改Li节点值的方法_javascript技巧

代码如下:






function gel(id) {
return document.getElementById(id);
}

//全局的input输入控制
var inpt = document.createElement("input");
inpt.setAttribute("type", "text");

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 = function () {
//删除文本
inpt.value = this.innerHTML;
this.removeChild(this.firstChild);
this.appendChild(inpt);
//获取焦点
inpt.focus();
//在inpt这个控件失去焦点的时候，也要绑定一个事件,把inpt中的文本值返回给当前li
//编写inpt.onblur
};
}
}
};

希望本文所述对大家的javascript程序设计有所帮助。