window.onload = function() {
// 加载的时候就被初始化，此处的this是指id为oldDiv的div
document.getElementById("divElement").ondblclick = function() {
toReplace(this)
}
}
// 此函数功能是新建一个input元素替换div
//当input元素失去焦点时又变回原来的div
toReplace = function(divElement) {
// 创建一个input元素
var inputElement = document.createElement("input");
// 把obj里面的元素以及文本内容赋值给新建的inputElement
inputElement.value = divElement.innerHTML;
// 用新建的inputElement代替原来的oldDivElement元素
divElement.parentNode.replaceChild(inputElement, divElement);
// 当inputElement失去焦点时触发下面函数，使得input变成div
inputElement.onblur = function() {
//把input的值交给原来的div
divElement.innerHTML = inputElement.value;
//用原来的div重新替换inputElement
inputElement.parentNode.replaceChild(divElement, inputElement);
}
}
jsdom可编辑div
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- CSS弹出可拖动的DIV层提示窗口代码怎么写？ W3Cschool用户甜甜小欣怡于2016-11-30在W3Csc...
- 最近在测试一个web项目。有一个功能点是，编辑一个项目，被限制了只能编辑其中几个元素。 一进入编辑页面，确实，不能...
