`
caibinghong
  • 浏览: 149855 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

nodeType常量与dom操作方法

 
阅读更多

 

接口

nodeType常量

nodeType值

备注

Element

Node.ELEMENT_NODE

1

元素节点

Text

Node.TEXT_NODE

3

文本节点

Document

Node.DOCUMENT_NODE

9

document

Comment

Node.COMMENT_NODE

8

注释的文本

DocumentFragment

Node.DOCUMENT_FRAGMENT_NODE

11

document片断

Attr

Node.ATTRIBUTE_NODE

2

节点属性

 

 

方法

描述

createAttribute()

用指定的名字创建新的Attr节点。

createComment()

用指定的字符串创建新的Comment节点。

createElement()

用指定的标记名创建新的Element节点。

createTextNode()

用指定的文本创建新的TextNode节点。

getElementById()

返回文档中具有指定id属性的Element节点。

getElementsByTagName()

返回文档中具有指定标记名的所有Element节点。

 

 

属性

描述

attributes

如果该节点是一个Element,则以NamedNodeMap形式返回该元素的属性。

childNodes

以Node[]的形式存放当前节点的子节点。如果没有子节点,则返回空数组。

firstChild

以Node的形式返回当前节点的第一个子节点。如果没有子节点,则为null。

lastChild

以Node的形式返回当前节点的最后一个子节点。如果没有子节点,则为null。

nextSibling

以Node的形式返回当前节点的兄弟下一个节点。如果没有这样的节点,则返回null。下一个兄弟节点

nodeName

节点的名字,Element节点则代表Element的标记名称。

nodeType

代表节点的类型。

parentNode

以Node的形式返回当前节点的父节点。如果没有父节点,则为null。

previousSibling

以Node的形式返回紧挨当前节点、位于它之前的兄弟节点。如果没有这样的节点,则返回null。上一个兄弟节点

 

 

方法

描述

appendChild()

通过把一个节点增加到当前节点的childNodes[]组,给文档树增加节点。

cloneNode()

复制当前节点,或者复制当前节点以及它的所有子孙节点。

hasChildNodes()

如果当前节点拥有子节点,则将返回true。

insertBefore()

给文档树插入一个节点,位置在当前节点的指定子节点之前。如果该节点已经存在,则删除之再插入到它的位置。

removeChild()

从文档树中删除并返回指定的子节点。

replaceChild()

从文档树中删除并返回指定的子节点,用另一个节点替换它。

分享到:
评论

相关推荐

    文档对象模型(DOM)

    3. DOM操作: - `Document`对象提供了诸如`createAttribute()`、`createComment()`、`createElement()`和`createTextNode()`等方法来创建新的节点,并通过`getElementById()`和`getElementsByTagName()`来查找特定...

    js dom对象的操作

    - **nodeType**:数字类型,表示节点的类型常量值之一。 - **ownerDocument**:指向这个节点所属的文档。 - **firstChild**:指向在`childNodes`列表中的第一个节点。 - **lastChild**:指向在`childNodes`列表中的...

    第20章 DOM进阶1

    例如,一些非标准的API或方法,可能会在特定浏览器中提供便利的DOM操作。 在DOM操作方面,学习如何高效地选择、创建和修改DOM元素是至关重要的。这部分内容可能涉及选择器API、事件处理、动画效果、遍历DOM树以及...

    js -- childNodes

    结合其他DOM属性和方法,如`children`、`innerHTML`等,可以构建出强大的DOM操作库,满足各种复杂的需求。在实际项目中,应根据具体情况选择最适合的API来操作DOM,以达到最佳的性能和可维护性。

    python读取xml文件.doc

    节点类型常量包括 `ELEMENT_NODE`、`ATTRIBUTE_NODE` 等,它们在 `xml.dom.Node` 中定义。`ELEMENT_NODE` 表示元素节点,是 XML 文件中最基本的结构单位。 要获取特定节点的子节点,可以使用 `getElementsByTagName...

    比较详细的javascript DOM 学习笔记第1/2页

    - **nodeType**:返回表示节点类型的数字常量。 - **ownerDocument**:指向该节点所属的Document对象。 - **firstChild, lastChild, childNodes**:访问子节点。 - **previousSibling, nextSibling**:访问相邻...

    JavaScript高级程序设计 DOM学习笔记

    根据给定的文件信息,以下是关于JavaScript中DOM(文档对象模型)的相关知识点详解: ... ### 节点层次 ... ...3. **Node类型**:Node是DOM中各种节点类型的基类,其他类型的...掌握DOM操作是进行前端开发的必备技能之一。

    JavaScript

    - `nodeType`:返回节点的类型,对应上述的数字常量。 - `nodeValue`:获取或设置节点的值,对于元素节点是null,对于属性和文本节点则返回相应值。 - `ownerDocument`:指向此节点所属的整个文档对象。 - `...

    《AJax程序设计》理论综合练习

    根据给定的《AJax程序设计》理论综合练习材料,我们可以从中提炼出多个重要的知识点,这些知识点涵盖了AJax编程的基础概念、JavaScript语言的基本用法、DOM操作以及与AJax技术密切相关的其他技术如XML和GWT框架等。...

    JavaScript_study

    - **Math**:数学对象,提供了一系列数学常量和方法。 - **Number**:数值类型,表示整数或浮点数。 - **Object**:对象,JavaScript中最基本的数据结构之一,用于封装相关的属性和方法。 - **String**:字符串,由...

    Adobe杂志

    这部分内容介绍了`XMLDocument`类的相关属性和方法,用于创建和操作XML文档。 1. **属性** - `docTypeDecl`: 文档类型声明对象。 - `idMap`: ID映射对象。 - `ignoreWhite`: 忽略空白设置。 - `xmlDecl`: XML...

    传智播客 方立勋 javaweb 完全笔记

    - **功能**: 提供操作 JavaBean 的便捷方法。 - **操作**: - 属性复制 - 属性获取 **7.9 泛型(Generic)** - **目的**: 在编译时检查类型安全,并允许创建高度可复用的组件。 - **类型**: - 泛型类 - 泛型方法 ...

    javascript中的previousSibling和nextSibling的正确用法

    在JavaScript中,nextSibling和previousSibling是两个常用的DOM操作属性,它们用于访问节点树中的下一个和上一个兄弟节点。这两个属性看起来简单直观,但在实际开发中,由于浏览器之间的差异,它们的用法可能会变得...

Global site tag (gtag.js) - Google Analytics