栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

不用ajax实现点击文字即可编辑的方法

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

不用ajax实现点击文字即可编辑的方法

刚接触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实现点击文字即可编辑的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/119551.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号