原生js实现给指定元素的后面追加内容_javascript技巧
程序员文章站
2022-06-06 13:46:54
...
复制代码 代码如下:
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 );
};
};
推荐阅读
-
原生js实现给指定元素的后面追加内容_javascript技巧
-
原生js实现给指定元素的后面追加内容_javascript技巧
-
原生javascript实现获取指定元素下所有后代元素的方法_javascript技巧
-
原生js实现查找/添加/删除/指定元素的class_javascript技巧
-
原生javascript实现获取指定元素下所有后代元素的方法_javascript技巧
-
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)_javascript技巧
-
JS实现控制表格内指定单元格内容对齐的方法_javascript技巧
-
JS实现控制表格内指定单元格内容对齐的方法_javascript技巧
-
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)_javascript技巧
-
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示_javascript技巧