原生js实现给指定元素的后面追加内容

参考链接：http://www.jb51.net/article/35412.htm

原生js实现给指定元素的后面追加内容

 
var header1 = document.getElementById("header"); 
var p = document.createElement("p"); // 创建一个元素节点 
insertAfter(p,header1); // 因为js没有直接追加到指定元素后面的方法 所以要自己创建一个方法 
function insertAfter( newElement, targetElement ){ // newElement是要追加的元素 targetElement 是指定元素的位置 
    var parent = targetElement.parentNode; // 找到指定元素的父节点 
    if( parent.lastChild == targetElement ){ // 判断指定元素的是否是节点中的最后一个位置 如果是的话就直接使用appendChild方法 
        parent.appendChild( newElement, targetElement ); 
    }else{ 
        parent.insertBefore( newElement, targetElement.nextSibling ); 
    }; 
}; 

自测实例：

 
  
  
  
  
  
 

 
  

	

		
好雨知时节，
		
当春乃发生。
		
随风潜入夜,
		
润物细无声。
	
  


 

运行结果：

• 好雨知时节，
• 当春乃发生。
• 随风潜入夜，
• 润物细无声。
  1. 万物生
  2. 荷塘月色