最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 20:38:28
文档

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

不用ajax实现点击文字即可编辑的方法_javascript技巧:刚接触creatElement ,appendChild 等东东!呵呵! 写了这个东西,可能在高手看来,非常的稚嫩!不过完全自己写的! 还没有完善,请大侠指导。 看代码 代码如下: New Document .test{border:1px solid #ccc;backgr
推荐度:
导读不用ajax实现点击文字即可编辑的方法_javascript技巧:刚接触creatElement ,appendChild 等东东!呵呵! 写了这个东西,可能在高手看来,非常的稚嫩!不过完全自己写的! 还没有完善,请大侠指导。 看代码 代码如下: New Document .test{border:1px solid #ccc;backgr


刚接触creatElement ,appendChild 等东东!呵呵!
写了这个东西,可能在高手看来,非常的稚嫩!不过完全自己写的!
还没有完善,请大侠指导!!
看代码
代码如下:



New Document


function isIE(){ //ie?
if (window.navigator.userAgent.indexOf("MSIE")>=1) return true;
else return false;
}
if(!isIE()){ //firefox innerText define
HTMLElement.prototype.__defineGetter__("innerText",
function(){
return this.textContent;
}
);
HTMLElement.prototype.__defineSetter__("innerText",
function(sText){
this.textContent=sText;
}
);
}function $(e){
return document.getElementById(e);
}
var arr=new Array();
function check(e){
var v=0;
for(i=0;i {if(arr[i]==e) v=1;
else v=0;}
if(v) return true;
else return false;
}
function edit(e){
var x=$(e);
var str=x.innerText;
if (check(e))
{
//alert("已经存在在数组里!");
//alert(str);
var b=$(e+"fa");
str=$(e+"faz").value;
b.removeChild($(e+"faz"));
x.innerText=str;
}else{
//alert("没有存在在数组里!");
a1=document.createElement("div");
a1.id=e+"fa";
a=document.createElement("INPUT");
a.name=e;
a.id=e+"faz";
a.value=str;
x.innerHTML="";
x.appendChild(a1);
a1.appendChild(a);
if(arr.length==0) arr[0]=e;
else arr[arr.length]=e;
//alert(a.name);
}
}
-->



可编辑的内容
可编辑的内容



最后解决浏览器问题的代码

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

文档

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

不用ajax实现点击文字即可编辑的方法_javascript技巧:刚接触creatElement ,appendChild 等东东!呵呵! 写了这个东西,可能在高手看来,非常的稚嫩!不过完全自己写的! 还没有完善,请大侠指导。 看代码 代码如下: New Document .test{border:1px solid #ccc;backgr
推荐度:
标签: 实现 js javascript
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top