刚接触creatElement ,appendChild 等东东!呵呵!
写了这个东西,可能在高手看来,非常的稚嫩!不过完全自己写的!
还没有完善,请大侠指导!!
看代码
New document .test{border:1px solid #ccc;background-color:#eee;width:200px;height:60px;} 可编辑的内容 可编辑的内容
最后解决浏览器问题的代码
New document body{font-size:14px;} input{border:none;font-size:14px;} .show{border:1px solid #ccc;background-color:#eee;width:150px;height:20px;} .hide{border:1px solid #ccc;background-color:#eee;width:150px;height:20px;display:none;}
唉!!忙了一晚上,就这么解决了!!嘻嘻 呵呵
郁闷!
在firefox下 由于DOM有很小的差异,含有input的div中除标签内的空格外
不能有空格因为我们用的是childNodes[0]!否则需要点两下! 可编辑的内容一 可编辑的内容二 可编辑的内容三 可编辑的内容四
以上所述是小编给大家介绍的不用ajax实现点击文字即可编辑的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!



