100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 原生js追加html代码 原生js实现给指定元素的后面追加内容

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

时间:2021-12-20 22:51:14

相关推荐

原生js追加html代码 原生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 );

};

};

/Javascript/335426.true/Javascript/335426.htmlTechArticle复制代码 代码如下: var header1 = document.getElementById("header"); var p = document.createElement("p"); // 创建一个元素节点 insertAfter(p,header1); // 因为js没有...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。