`
dawuafang
  • 浏览: 1191987 次
文章分类
社区版块
存档分类
最新评论

使用DOM模拟inserAfter函数

 
阅读更多

DOM只提供了insertBefore函数,确没有提供insertAfter函数,但我们可以模拟

function insertAfter(newElement,targetElement){
var parent=targetElement.parentNode;
if(parent.lastChild==targetElement){
parent.appendChild(newElement);
}
else{
parent.insertBefore(newElement,targetElement.nextSibling);
}
}

版权声明:本文为博主原创文章,未经博主允许不得转载。

分享到:
评论

相关推荐

    js中的DOM模拟购物车功能.docx

    js 中的 DOM 模拟购物车功能 本篇文章主要介绍了 js 中的 DOM 模拟购物车功能的示例代码,具有很...9. 使用 DOM 模拟购物车功能可以提高购物车的交互性和实时性。 10. 使用 JavaScript 可以实现购物车的自动计算功能。

    domdom直接使用单个函数和JSX来创建实际的DOM

    "domdom"是一个库,它提供了与React类似的功能,但更为轻量级,专注于使用单一函数和JSX来构建DOM节点。本文将深入探讨domdom的工作原理、其与React的异同以及如何使用它。 一、domdom的JSX支持 JSX是JavaScript的...

    读书笔记:Javascript基础总结Dom事件原生函数正则.zip

    读书笔记:Javascript基础总结Dom事件原生函数正则

    php dom 解析类和函数文件封装

    PHP的DOM扩展提供了一系列的类和函数,用于创建、遍历和修改DOM对象。在给定的“php dom 解析类和函数文件封装”主题中,我们可以深入探讨PHP如何利用DOM进行HTML解析。 `simple_html_dom`是PHP的一个开源库,它...

    js代码-this的指向(模拟7):DOM事件处理函数的形式

    3. **构造函数调用**:当使用`new`关键字创建新对象时,`this`将指向新创建的对象。 ```javascript function Person(name) { this.name = name; } let person = new Person('John'); console.log(person.name)...

    browser-env:使用jsdom模拟全局浏览器环境

    使用模拟全局浏览器环境。 这使您可以轻松或不费劲地在Node.js 6或更高版本中运行浏览器模块。 也可以用于通过任何Node.js测试框架测试浏览器模块。 请注意,只有DOM是模拟的,如果您要运行需要更多高级浏览器功能...

    JavaScript基础和DOM API函数

    ### JavaScript基础和DOM API函数详解 #### JavaScript概览 JavaScript是一种强大的、动态的脚本语言,主要用于网页开发,为HTML页面增添交互性。作为一种轻量级的语言,JavaScript无需编译,可以直接由浏览器解释...

    用js操作DOM来实现的分页

    用js操作DOM来实现的分页!绝对的有用,只需改改就能变出很多的花样!

    前端教程:62 dom 封装函数

    千锋Web前端教程_62_dom_封装函数

    PHP simplexml_import_dom()函数讲解

    PHP simplexml_import_dom() 函数 实例 获取 DOM 文档节点并转换为 SimpleXML 节点: ...simplexml_import_dom()函数从 DOM 节点返回 SimpleXMLElement 对象。 语法 simplexml_import_dom( _node,cla

    vue监听数据渲染DOM完以后执行某个函数详解 开发技术.zip

    本篇将详细介绍如何在Vue中监听数据渲染DOM完毕后执行特定函数。 Vue 提供了一个名为`$nextTick`的方法,它是用来在下次DOM更新循环结束之后执行延迟回调的。当你改变数据并希望在DOM更新后执行一些操作时,`$...

    DOM和BOM的使用

    DOM 和 BOM 的使用 DOM(Document Object Model)和 BOM(Browser Object Model)是前端开发中两个基础概念。DOM 是一个文档对象模型,它将 HTML 文档抽象为一个树形结构,允许开发者通过 JavaScript 操作文档的...

    DOM事件处理函数、DOM0,DOM2的优缺点

    目录(一)定义(二)HTML事件处理函数① 特点② 缺点(三)DOM0级事件处理函数① 使用② 删除③ 缺点(四)DOM2级事件处理函数① 使用② 删除③ 注意 (一)定义 事件就是用户或者浏览器自身执行的某种行为,例如...

    xml 三种解析方式dom,sax,dom4j

    在提供的压缩包中,包含了关于这三种解析方式的代码示例,你可以参考这些代码了解如何在Java环境中使用DOM、SAX和DOM4J进行XML解析。通过阅读和理解这些示例,你可以更好地掌握XML解析技术,并根据项目需求选择合适...

    使用Javascript和DOM Interfaces来处理HTML

    例如,可以创建一个函数,该函数接受一个元素ID作为参数,然后使用DOM接口找到这个元素并更改其颜色。 总的来说,理解JavaScript和DOM接口是网页开发的基本技能,它们让开发者能够实现丰富的用户体验和强大的功能,...

    读写超大类xml文件,使用dom4j读写xml文件的工具类

    基于dom4j的读写xml文件的工具包。封装了dom4j操作xml文档的常和方法。 支持两种读写方法。1:针对小文件的读取整个文档,2:针对大文件的,逐行读取。读到几百M文件毫无压力。

    domforever:以Continuation-Passing样式编写的DOM模板辅助函数

    它使用JS封装了DOM片段的组成,并允许您执行以下两项操作: 将与DOM节点一起使用的高级抽象定义为代码中的函数通过评估表达式中描述的表达式来生成DOM片段符号表达数据格式用于使用这些帮助器函数描述DOM的数据格式...

    谷歌获取网页dom的插件

    当DOM插件结合JavaScript使用时,可以实现更精确的数据抓取。JavaScript在现代网页中的作用巨大,许多动态内容是通过JS生成的,因此,能够解析和操作DOM对于抓取这些动态数据至关重要。 在爬取过程中,插件通常扮演...

    在PHP5里使用domxml的PHP4代码

    PHP5对domxml的支持与php4不同,比如这些函数就没有了 domxml_new_doc domxml_new_xmldoc domxml_open_file 使用这个代码就可以在php5里继续使用php4里的domxml函数

Global site tag (gtag.js) - Google Analytics