当前位置: 代码迷 >> Web前端 >> dom平添节点方法实现追加文字
  详细解决方案

dom平添节点方法实现追加文字

热度:223   发布时间:2012-06-29 15:48:46.0
dom添加节点方法实现追加文字

insertBefore() ? -- 在指定的子节点前插入一个新的子节点。返回新的子节点。

appendChild() --?已存在的节点添加子节点。新节点会添加(追加)到最后一个子节点后。

?

?

var words=new Array("a","b","c","d","e","f","g","h","i","g");

function AddText(el){
     var s="",n,i;
     n=RandomNumber(20,80);
     for(i=0;i<n;i++)
            s+=words[RandomNumber(0,words.length-1)]+" ";//随机取出words数组中的元素迭代追加到s
     var t=document.createElement("p");//新建p标签
     t.appendChild(document.createTextNode(s));//建立一个新的text节点,包含指定的数据S

     el.parentNode.insertBefore(t,el);
}

function RandomNumber(n1,n2){//返回大于n1小于n2的随机数
	return(Math.floor(Math.random()*(n2-n1))+n1);
}

?

?

?

  相关解决方案