`
kstgjfk403
  • 浏览: 30784 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

为javascript添加insertAfter()方法

阅读更多

//在现有元素后添加一个新元素

function insertAfter(newElement, targetElement){

        var parent = targetElement.parentNode;

        if (parent.lastChild == targetElement){

              parent.appendChild(newElement); 

       } else {

              parent.insertBefore(newElement,targetElement.nextSibling); 

      }

}

分享到:
评论

相关推荐

    JavaScript缺少insertAfter解决方案

    创建了一个段落元素`<p>`,并为其赋予文本内容“我是新插入的节点”,然后选取了一个`<ul>`列表中的第一个`<li>`元素作为目标元素,通过调用`insertAfter(p, lis[0])`实现将段落元素插入到这个`<li>`元素之后。...

    使用insertAfter()方法在现有元素后添加一个新元素

    总的来说,`insertAfter()`方法是JavaScript中一个非常实用的工具,可以帮助开发者更加灵活地控制DOM结构,尤其在处理动态内容和用户交互时。通过理解其原理和应用,可以提高代码的可读性和效率。在实际开发中,合理...

    Javascript insertAfter() 实现函数代码

    在使用jQuery时,我们可以直接调用`insertAfter()`方法来进行元素的插入操作,但理解原生JavaScript实现的方法原理对于我们理解DOM操作以及调试和维护代码都是非常有帮助的。 此外,在使用上述函数时,还应注意以下...

    javascript insertAfter()定义与用法示例

    虽然JavaScript标准的DOM操作中并没有直接提供一个名为insertAfter()的方法,但是通过组合使用现有的DOM方法可以实现类似的功能。在给定文件中,我们可以从标题和描述中看出,这篇文章将向我们介绍如何定义一个...

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    21、原生JavaScript中有insertBefore方法,可惜却没有insertAfter方法?用如下函数实现 22、原生JavaScript中兼容浏览器绑定元素事件 23、原生JavaScript光标停在文字的后面,文本框获得焦点时调用 24、原生JavaScript...

    JavaScript之appendChild、insertBefore和insertAfter使用说明

    `appendChild`、`insertBefore`以及非标准的`insertAfter`方法都是用于管理DOM树中节点关系的重要方法。下面我们将详细探讨这三个方法的功能、用法及实际应用。 1. `appendChild(newChild: Node)`: 这个方法将`new...

    JavaScript节点.pdf

    在这个讨论中,我们将深入理解JavaScript中的DOM操作,特别是`insertAfter()`函数,这是一个非标准但非常实用的方法,用于在已存在元素之后插入新的元素。 `insertAfter()`函数,如文件描述所示,是JavaScript标准...

    jquery和javascript的区别(常用方法比较)

    在创建元素并添加到文档中,`JavaScript` 的 `createElement` 和 `appendChild` 方法相比 `jQuery` 的 `append()`、`appendTo()`、`prepend()` 和 `prependTo()` 方法显得较为繁琐。`jQuery` 这些方法提供了更加灵活...

    js中AppendChild与insertBefore的用法详细解析.docx

    insertAfter 方法并不是 JavaScript 中的内置方法,而是开发者自定义的一个函数。该函数用于在现有的子节点后插入一个新的子节点。该函数的实现代码如下所示: ```javascript function insertAfter(newEl, targetEl...

    jQuery中append、insertBefore、after与insertAfter方法注意事项

    同时,appendTo、prependTo、insertBefore和insertAfter则是对应的以元素为目标的选择器方法。了解这些方法的特性及注意事项,对于提高页面交互的开发效率和准确性至关重要。 首先,我们来看看append方法。append...

    javascript DOM笔记 1

    然后,你可以使用`appendChild`、`insertBefore`或`insertAfter`方法将这个新元素添加到DOM树中。`appendChild`会将指定的节点添加到当前节点的末尾,而`insertBefore`则允许你在特定的现有子节点之前插入新节点。`...

    javascript 操作Word和Excel的实现代码

    #### 一、JavaScript操作Word文档的实现方法 根据提供的部分代码,我们可以深入分析并总结出如何使用JavaScript来操作Word文档。 ##### 1. 创建Word文档 在JavaScript中,可以利用`ActiveXObject`对象创建Word...

    JavaScript利用HTML DOM进行文档操作的方法_.docx

    - **XML DOM**:提供了用于 XML 文档的标准模型,定义了获取、更改、添加或删除 XML 元素的标准方法。 - **HTML DOM**:提供了用于 HTML 文档的标准模型,定义了所有 HTML 元素的对象和属性,以及访问这些对象和属性...

    一些常用且实用的原生JavaScript函数.docx

    原生JavaScript中没有提供直接获取元素在父节点中索引的方法,但可以通过编写自定义函数实现: ```javascript function getIndex(element) { var children = element.parentNode.children; for (var i = 0; i ;...

    100个直接可以拿来用的JavaScript实用功能代码片段

    原生JavaScript中有insertBefore方法,可惜却没有insertAfter方法?用如下函数实现 - **功能概述**:实现在DOM树中插入元素的功能。 - **应用场景**:构建复杂的DOM结构。 - **实现方式**:自定义函数实现`...

    JavaScript to word 资料

    以上就是从给定文件中提取出来的关键知识点,涵盖了如何使用JavaScript与Microsoft Word进行交互以及如何处理XML数据的方法和技术细节。这些知识点对于开发基于浏览器的文档编辑应用或需要处理XML数据的应用具有重要...

    jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)

    以`insertAfter`为例,该方法接收一个参数,表示要在其后插入的元素。在给出的示例中: ```html $li_3.insertAfter($two_li); ``` 这行代码将创建的第三个`<li>`元素(包含文本"其它")插入到已存在的第二个`...

    jQuery自定义添加删除标签代码.zip

    在添加标签的功能中,开发者可能会使用`append()`或`insertAfter()`方法将新的标签元素插入到DOM树中。例如,当用户输入新的标签并点击添加按钮时,新的标签文本会转化为HTML元素,并被添加到显示标签的区域。 删除...

    JS实现添加,替换,删除节点元素的方法

    **添加节点元素**:JavaScript提供了几种方法来添加节点。最基础的方法是使用`createElement`来创建新的元素节点,再使用`appendChild`或`insertBefore`来将该节点添加到DOM树中。`appendChild`方法会将新节点添加到...

Global site tag (gtag.js) - Google Analytics