原生js实现给指定元素的后面追加内容
发布时间：2024-04-28 09:46:12
标签：原生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 );
};
};
0
投稿猜你喜欢
请看下面的操作图解。1.使用Sql Server Management Studio 2008 连接数据库。2.选中要导出数据的数据库节点，- 代码如下:--代码一DECLARE @cc INT SELECT NewsId,ROW_NUMBER() OVER(ORDER
- 前言相关性分析算是很多算法以及建模的基础知识之一了，十分经典。关于许多特征关联关系以及相关趋势都可以利用相关性分析计算表达。其中常见的相关性
- 文件可以传输，但是对比传输前后的文件：socket_test.txt，末尾有一些不一致服务端代码：#!/usr/bin/python# -*
- 如果你听说过“测试驱动开发”（TDD：Test-Driven Development），单元测试就不陌生。单元测试是用来对一个模块、一个函数
- Mysql Cluster概述 MySql Cluster最显著的优点就是高可用性,高实时性,高冗余,扩展性强。&n
- 有空余的时候自己写了一下，代码没有进行很好的规整。如果发现bug请及时通告我，谢谢 主要功能：1、点击插入表情，可选
- 一、背景1.项目描述你拥有一个超市(Supermarket Mall)。通过会员卡，你用有一些关于你的客户的基本数据，如客户ID，年龄，性别
- 假设我们有一个很简单的OTU表：现在对这个表格进行遍历，一般写法为：import pandas as pdotu = pd.read_csv
- 最近由于公司有一个向谷歌网站上传文件的需求，需要进行web的自动化测试，选择了selenium这个自动化测试框架，以前没有接触过这门技术，所
- 本文实例讲述了PHP cookie，session的使用与用户自动登录功能实现方法。分享给大家供大家参考，具体如下：cookie的使用//生
- 本文实例讲述了js简单实现Select互换数据的方法。分享给大家供大家参考。具体如下：这里基于javascript实现两个Select互换数
- 一.背景： 当数据量过大时，一个程序的执行时间就会主要花费在等待单次查询返
- Session实现原理实现请求身份验证的方式很多，其中一种广泛接受的方式是使用服务器端产生的Session ID结合浏览器的Cookie实现
- 想买mate40，但总是抢不到，所以想试着能不能写个脚本代码。第一步：把想要抢购的商品加进购物车，注意：脚本是对购物车内全部商品进行下单操作
- 前面一篇我们已经把unittest的常用用法都已经讲过了，可能很多小伙伴有个疑问，unittest框架怎么做数据驱动呢？这节我们就来学习一下
- 首先祝贺Echarts顺利的从Apache毕业，多了个响亮的名字：Apache ECharts，现在的官网地址在这里：传送门，首页相当的国际
- 一、概述相信大家在日常开发中，在SQL语句中经常需要进行字符串拼接，以sqlserver，oracle，mysql三种数据库为例，因为这三种
- 前言：Python smtplib 教程：展示了如何使用 smtplib 模块在 Python 中发送电子邮件。 要发送电子邮件，我们使用
- //验证文件的格式 function validateFile(){ var fileObject=$("#filename&qu
