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);
}

 

 

 

你可能感兴趣的:(dom,insertBefore,appendChild)