function insertAfter(oldNode,newNode){
if(!oldNode.nextSibling){
oldNode.parentNode.appendChild(newNode);
return;
}
oldNode.parentNode.insertBefore(newNode,oldNode.nextSibling);
}
js原生中是没有InsertAfter方法的。这的思路是通过获得下个个兄弟节点,然后调用insertBefore内置 存在的函数。
每个Input框后面失去焦点获得输入的数据
function bindEvent(target,type,handler){
(target.addEventListener && target.addEventListener(type,handler,false))||(target.attachEvent&&attachEvent('on'+type,handler));
}
function insertAfter(oldNode,newNode){
if(!oldNode.nextSibling){
oldNode.parentNode.appendChild(newNode);
return;
}
oldNode.parentNode.insertBefore(newNode,oldNode.nextSibling);
}
var objs = document.getElementsByTagName("input");
for(var i= 0,len=objs.length;i<len;i++){
bindEvent(objs[i],'blur',function(){
var txtNode = document.createTextNode(this.value);
insertAfter(this,txtNode);
})
}