$.insertAfter()

最新推荐文章于 2021-08-17 11:51:28 发布
最新推荐文章于 2021-08-17 11:51:28 发布
阅读量2.3k 收藏
点赞数 1
分类专栏： Jquery 介绍

insertAfter() 方法在被选元素之后插入 HTML 标记或已有的元素。
如果该方法用于已有元素，这些元素会被从当前位置移走，然后被添加到被选元素之后。

 

 

 

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta http-equiv="Cache-Control" CONTENT="no-cache" />
		<meta http-equiv="Pragma" CONTENT="no-cache" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>$.insertAfter</title>
	</head>

	<body>
		<div>div</div>
		<button type="button">button</button>

	</body>

	<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
	<script type="text/javascript" th:inline="javascript">
		'use strict';

		$("button").click(function() {
			$("<span>span</span>").insertAfter("div");
		});
	</script>

</html>

 

 

 

 

 

352328759
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript缺少insertAfter解决方案
10-15
主要介绍了JavaScript缺少insertAfter解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
insertAfter
Love_your_life的博客
03-13 543
javascript中提供了一些原有的方法，insertBefore就是其中一种 作用就是在元素之前插入新创建的元素； parent.insertBefore(newElement,targetElement); newElement为新创建的元素； targetElement为目标元素，新元素要插入到它之前； parent为targetElement的父元素； 但是javascript
insertAfter()
weixin_34355715的博客
03-06 61
<div id="b">bbbbbbbbb</div> <div>dddddd</div> JavaScript window.onload=function(){ var a =document.createElement("span"); var b =document.createTextN...
insertAfter实现
weixin_33811961的博客
01-31 271
用原生JS实现在一个dom元素后插入新的节点？ 在js的dom api中有insertBefore()方法 在已知子节点的前面插入新的子节点。 然而并没有提供insertAfter()方法，在实际开发中遇到了这个问题，自己编写了一个insertAfter方法，运用现有的dom方法属性。 /** * 指定的现有节点之后插入新的节点 * * @param {Node} newNode ...
insertAfter()方法使用与实现原理。
m0_53415205的博客
08-17 2598
insertAfter()方法与实现原理 在某一个节点后面插入节点就是insertAfter()方法，原生js中不存在insertAfter（）方法 （1） 新元素： 你想插入的新元素（newElement）。 （2） 目标元素： 你想把这个新元素插到哪个元素（targetElement）之前。 （3） 父元素： 目标元素的父元素（parentElement）。 function insertAfter(newelement,targetelement) { var parentelement = tar
Javascript insertAfter() 实现函数代码
10-28
DOM没有提供insertAfter()方法，我们可以自己扩展下。
jQuery中insertAfter()方法用法实例
12-12
本文实例讲述了jQuery中insertAfter()方法用法。分享给大家供大家参考。具体分析如下： 此方法把匹配的元素插入到另一个指定的元素集合的后面。 insertAfter()方法与insertBefore()方法的作用相反。 语法结构: ...
使用insertAfter()方法在现有元素后添加一个新元素
09-04
为javascript添加insertAfter()方法即在现有元素后添加一个新元素，示例如下，大家不妨学习下
JavaScript之appendChild、insertBefore和insertAfter使用说明
10-28
几天需要用到对HTML节点元素的删/插操作，由于用到insertBefore方法的时候遇到了一些麻烦，现在作为知识的整理，分别对appendChild、insertBefore和insertAfter做个总结
js-封装insertAfter
qq_39396275的博客
08-19 388
有很多方法 进行insertAfter（）方法的封装，我也想到一种方法，用着很简单，但不知道有没有什么弊端，还望指正： 1 Element.prototype.insertAfter=function (targetElement,referElement){ return this.insertBefore(referElement,targetElement);...
php insertafter,jQuery中insertAfter()方法用法实例
weixin_33226548的博客
03-11 121
这篇文章主要介绍了jQuery中insertAfter()方法用法,实例分析了insertAfter()方法的功能、定义及匹配的元素插入到另一个指定的元素集合后面的使用技巧,需要的朋友可以参考下本文实例讲述了jQuery中insertAfter()方法用法。分享给大家供大家参考。具体分析如下：此方法把匹配的元素插入到另一个指定的元素集合的后面。insertAfter()方法与insertBefor...
insertAfter方法的实现
m0_56204836的博客
03-25 424
第一种：直接在父节点里面插入的情况 //直接在节点原型上新增方法 Element.prototype.insertAfter = function(target, ele){ const nextEle = ele.nextSibling || ele.nextElementSibling; if(nextEle){ this.insertBefore(target, nextEle); }else{ this.appendChild(target);//ele为最后一个节点，可直接使用app
js函数-insertAfter()
Antg的博客
04-08 808
一、代码如下 function insertAfter(newElement,targetElement){ var parent = targetElement.parentNode;//获取目标元素的父节点 if(parent.lastChild == targetElement){ parent.appendChid(newElement); }else{ parent.inser...
insertAfter()方法
01-20 197
DOM中提供了insertBefore()方法，但是却未曾提供insertAfter()方法，找资料找到一个比较好的方法 /** 新增一个元素到现有元素的后面 @param newElement:新增元素节点 @param targetElement:现有元素节点 **/ function insertAfter(newElement,targetElement){ var pare
php insertafter,jQuery的insertAfter()方法怎么用
weixin_29698641的博客
03-11 111
insertAfter()是jQuery的一个内置的方法，用来在一个指定的元素之后插入一些HTML内容。下面本篇文章就来给大家介绍一下insertAfter()的用法，希望对大家有所帮助。jQuery的insertAfter()方法insertAfter()方法会在每次出现指定元素后插入HTML内容。【视频教程推荐：jQuery教程】基本句式：$(content).insertAfter(targ...
js自定义实现insertAfter()函数
DLGDark的博客
09-11 1257
//自定义封装函数实现js里的insertAfter功能函数 function insertAfter(newElement,targetElement){ var parent=targetElement.parentNode; //如果目标元素是父级元素的最后一个子元素 if(parent.lastChild==targetElement){ parent
insertAfter() 的脚本
weixin_45195254的博客
11-01 147
js没有自行提供insertAfter这个函数，但提供一系列工具，可以让我们自己写一个这样的脚本。 做个判断：（1）如果是目标元素是最后一个，就直接appendChild。（2）不是的话，就用insertBefore()，先找到目标元素的下一个兄弟元素，再插入这个兄弟元素的前面。 function insertAfter(newElement,targetElement) { var parent = targetElement.parentNode; if(targetElement .
4.02学习笔记 封装insertAfter
mr_sun的博客
04-02 300
将新节点插入到指定节点的后面 /* * 函数 : insertAfter * 作用 : 新节点插入到指定节点的后面 * 参数 : 兄节点/旧，弟节点/新 * 返回值: 无 * */ function insertAfter(oldNode, newNode) { if (oldNode != oldNode.parentNode.lastElementChild) { // 判断 如果不是父节点的最后一个子节点执行的语句 oldNode.parentNode.insertBefore(newNo
range1.insertAfter的参数类型不对
最新发布
06-10
非常抱歉，我的回答仍然有误。在Apache POI库中，insertAfter方法的参数应该是一个Range对象，而不是一个String对象。我之前的回答中忽略了这一点，造成了混淆。下面是一个修正后的示例代码： ``` import java.io.*; import org.apache.poi.hwpf.*; import org.apache.poi.hwpf.usermodel.*; public class MergeWordDocs { public static void main(String[] args) { try { // 读取第一个文档 FileInputStream fis1 = new FileInputStream("doc1.doc"); HWPFDocument doc1 = new HWPFDocument(fis1); Range range1 = doc1.getRange(); // 读取第二个文档 FileInputStream fis2 = new FileInputStream("doc2.doc"); HWPFDocument doc2 = new HWPFDocument(fis2); Range range2 = doc2.getRange(); // 将第二个文档的内容插入到第一个文档 range1.insertAfter(range2); // 写入合并后的文档 FileOutputStream fos = new FileOutputStream("merged.doc"); doc1.write(fos); // 清理资源 fos.close(); fis1.close(); fis2.close(); } catch (Exception e) { e.printStackTrace(); } } } ``` 在这个修正后的代码中，insertAfter方法的参数是另一个Range对象，表示要插入的内容。如果要插入字符串，可以使用Range对象的insertAfter(String text)方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值