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

221 阅读 0 评论 146 点赞

我是靠谱客的博主欢喜雪糕，最近开发中收集的这篇文章主要介绍原生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 ); 
}; 
}; 