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

DOM insertBefore() 方法

insertBefore 
阅读更多

DOM insertBefore()

 

 

  •  可在已有的子节点前插入一个新的子节点。
  •  返回新的子节点

1、语法：

var childParent = refchild.parentNode;

childParent.insertBefore(newchild,refchild);
 

 

2、总结一下：

 

这个insertBefore调用的对象源还是父元素。 

 

 

扩展阅读：

 

1、http://www.w3school.com.cn/xmldom/met_node_insertbefore.asp

1
顶
0
踩
分享到：
| 获取元素的文本内容getText
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    前端教程：68 dom insertbefore

    千锋Web前端教程_68_dom_insertbefore

    XMLDOM对象方法中文手册chm

    XML DOM（Document Object Model）是XML文档的一种标准接口，它允许程序员和脚本语言通过对象和方法来访问、创建和修改XML文档的结构和内容。这个"XMLDOM对象方法中文手册chm"提供了关于XML DOM在中文环境下的详细...

    JavaScript DOM编程艺术 附录.pdf

    DOM提供了多种插入节点的方法，包括`appendChild()`和`insertBefore()`。`appendChild()`将一个节点添加到指定父节点的子节点列表的末尾，而`insertBefore()`则将一个节点插入到另一个节点之前： ```javascript // ...

    XML DOM解析方法手册,中文,CHM格式

    `appendChild()`、`removeChild()`、`insertBefore()`等方法则用于节点的增删改操作。 3. **选择节点**：DOM提供了多种选择特定节点的方法。`getElementById()`根据ID获取元素，`getElementsByTagName()`根据标签名...

    HTML DOM 常用的属性和方法

    DOM对象提供了一系列方法来操作这些节点： 1. `createAttribute(name)`：创建一个新的属性节点。 2. `createComment(text)`：创建一个新的注释节点。 3. `createElement(tagName)`：创建指定标签名的新元素节点。 4...

    JavaScript DOM编程艺术 附录

    《JavaScript DOM编程艺术》这本书对于初学者来说非常友好，它不仅介绍了DOM的基本概念，还深入讲解了DOM的操作方法，包括创建、复制、插入、删除、替换、处理及查找节点等。本文将根据书中的内容摘要，重点解析DOM...

    比较详细的XMLDOM对象方法详解第1/2页

    新创建的文档片段对象并不自动成为文档的一部分，需要使用其他方法（如 `appendChild`, `insertBefore`, `replaceChild` 等）将其添加到文档树中。 **示例代码：** ```javascript var xmlDoc = loadXMLDocument(...

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

    在 JavaScript 中，appendChild 和 insertBefore 是两个常用的方法，用于在 DOM 中插入新的节点。但是，很多开发者对这两个方法的使用和区别不是很清楚，本文将详细解析这两个方法的用法和区别。 appendChild 方法 ...

    JS DOM操作方法

    ### JavaScript DOM操作方法详解 #### 一、概述 在JavaScript中，DOM（Document Object Model）是一种处理HTML或XML文档的标准编程接口。通过DOM，开发者能够动态地访问文档中的元素，并可以修改其结构、样式和...

    XMLDOM对象方法手册

    这篇“XMLDOM对象方法手册”提供了关于如何使用XMLDOM对象进行XML操作的详细指南。 1. **XMLDOM对象的创建** 在JavaScript中，可以使用`ActiveXObject`来创建XMLDOM对象，例如： ```javascript var xmlDoc = new...

    DOMParser解析xml

    - **子节点操作**：`childNodes`, `firstChild`, `lastChild`, `appendChild()`, `insertBefore()`等属性和方法用于处理节点的子节点。 - **文本内容**：`textContent`属性可获取或设置节点及其所有子节点的文本...

    经典之作javascript dom编程艺术源码

    9. **DOM遍历与选择**：`NodeIterator`和`TreeWalker`接口提供了一种更高级的遍历DOM的方法，可以根据特定规则选择节点。 10. **DOM变更事件**：DOM操作如添加、删除元素时，会触发DOM事件，如`DOMNodeInserted`和`...

    XML支持模块XMLDOM对象方法手册

    以下是对XMLDOM对象方法的详细说明： 1. **导入（ImportNode）**： 这个方法用于将一个XML文档中的节点从一个文档导入到另一个文档中，使它们可以在新的上下文中使用。这对于跨文档操作或复用节点非常有用。 2. *...

    htmlDOM方法手册.rar

    5. `insertBefore(newNode, referenceNode)`：这个方法在参考节点之前插入新的节点。这允许在已有子节点序列中插入新元素。 6. `removeChild(node)`：此方法用于删除指定的子节点。这对于动态更新页面内容非常有用...

    DOM基础及DOM操作HTML

    3. **插入元素**：`appendChild()`将新元素添加到父元素的子节点末尾，`insertBefore()`可以在指定子节点前插入新元素。 4. **删除元素**：`removeChild()`方法可以删除指定的子节点。 5. **修改元素**：`...

    xmldom.zip

    4. 修改节点：一旦找到目标节点，可以使用`innerHTML`、`appendChild`、`insertBefore`、`removeChild`等方法对XML文档进行修改。 5. 遍历节点：`childNodes`和`parentNode`属性用于遍历节点的子节点和父节点，`...

    xmldom

    在这个chm格式的文件“XMLDOM对象方法手册”中，很显然包含了关于XMLDOM核心对象——XMLDocument的所有方法和属性的详尽指南。 XMLDocument对象是XMLDOM的核心，它是整个XML文档的根节点，代表了一个完整的XML文件...

    javascript 操作 dom 的常用方法

    以下是一些常见的JavaScript DOM操作方法，这些方法在ASP.NET环境下同样适用： 1. `appendChild` 方法：这个方法用于在指定元素的子节点列表末尾添加一个新的子节点。在示例中，`fnAppend`函数创建了一个新的`<LI>`...

    原生JS经典小项目-DOM练习

    此外，别忘了掌握`appendChild()`, `removeChild()`, `insertBefore()`等DOM操作方法，它们用于添加、移除和插入节点。还有`classList`对象，它提供了方便的方法来添加、删除和切换类名。 总的来说，这个项目将强化...

    js_HTML_Dom操作练习

    1. **获取元素**：在DOM中，`document.getElementById()`是最常用的获取元素的方法，通过元素的ID属性来定位。除此之外，还有`document.querySelector()`和`document.querySelectorAll()`，它们分别返回匹配CSS选择...

Magicbox
Global site tag (gtag.js) - Google Analytics