`
caibinghong
  • 浏览: 143261 次
  • 性别: 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()

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

分享到:
评论

相关推荐

    javascript 操作DOM

    1.访问相关的节点 2.检测节点类型(nodeType) 3.处理特性 4.访问指定节点 5.创建和操作节点

    HTML DOM简介.rar

    目录如下: 1. DOM可以做什么? 2. DOM的结构 3. 访问DOM节点1——getElementById() ...7. DOM信息nodeType的应用 8. 修改DOM——innerHTML 9. 删除DOM节点——removeChild 10. 添加DOM节点 11. DOM简介总结

    HTML DOM的nodeType值介绍

    nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。nodeName 属性含有某个节点的名称。 元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节点的 ...

    jQuery遍历DOM节点操作之filter()方法详解

    本文实例分析了jQuery遍历DOM节点操作之filter()方法。分享给大家供大家参考,具体如下: .filter(selector) 此方法用于在匹配元素中按照选择器表达式进行筛选。 记住:使用此方法必须得传入选择器表达式参数,不然...

    DOM下的节点属性和操作小结

    2 .nodeType 值:1,元素节点;2,属性节点;3,文本节点。nodeType是只读的。 3 .nodeValue 返回一个字符串,指示这个节点的值。元素节点返回null,属性节点返回属性值,文本节点返回文本。nodeValue可读可写,这...

    浅谈Javascript中的12种DOM节点类型

    DOM的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删内容)。浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组成一个树状结构。DOM的最小组成单位叫做...

    JavaScript DOM元素常见操作详解【添加、删除、修改等】

    本文实例讲述了JavaScript DOM元素常见操作。分享给大家供大家参考,具体如下: DOM概念 DOM(Document Object Model):文档对象模型。 通过开发者工具的Elements标签页可以查看 通过开发者工具的Sources标签页也...

    JavaScript HTML DOM元素 节点操作汇总

    3. nodeType :节点的类型 节点类型:元素 1 ,属性 2 ,文本 3 ,注释 8,文档 9。 一、添加和删除节点(HTML 元素) 1、创建节点 1)创建该元素(元素节点); 2)向一个已存在的元素追加该元素。 语法:...

    如何判断出一个js对象是否一个dom对象

    我们在写js代码时有时需要判断某个对象是不是DOM对象,然后再进行后续的操作,这里我给出一种兼容各大浏览器,同时又算是比较稳妥的一种方法。 要判断一个对象是否DOM对象,首先想到的无非就是它是否具有DOM对象的...

    js DOM模型操作

    DOM模型中的节点:元素节点、文本节点、属性节点 例:私のdotnet小屋</a> (1)a是元素节点 (2)“私のdotnet小屋”是文本节点 (3)href=”http://www.cnblogs.com/shuz”是属性节点 DOM节点的属性 属性 类型...

    Js nodeType 属性全面解析

    本文是对Js nodeType的属性进行了全面分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    [ JavaScript ] 敲完这几行代码,DOM基本操作也就学会了!

    Dom基本操作DOM查找节点的类型 nodeType遍历节点树基于元素节点树的遍历节点的四个属性DOM继承树DOM修改修改属性修改样式DOM添加添加元素优化 带着例子学Dom 几行代码就搞定! DOM查找 document代表整个文档 按id...

    XML实例教程:nodeName、nodeValue和nodeType属性

    本文详细介绍了nodeName、nodeValue和nodeType属性

    JS实现访问DOM对象指定节点的方法示例

    本文实例讲述了JS实现访问DOM对象指定节点的方法。分享给大家供大家参考,具体如下: 一 介绍 使用getElementById()方法来访问指定id的节点,并用nodeName属性、nodeType属性和nodeValue属性来显示出该节点名称、...

    你所不了解的javascript操作DOM的细节知识点(一)

    DOM1级定义了一个Node接口,该接口是由DOM中的所有节点类型实现。每个节点都有一个nodeType属性,用于表明节点的类型,节点类型在Node类型中有以下几种: Node.ELEMENT_NODE(1); 元素节点 Node.ATTRIBUTE_NODE(2); ...

    dom解析,基于DispHTMLDocument-易语言

    本程序中接口的命令,参数注释均来自官方接口的注释,同时加入了“nodeType_”开头的常量。(它代表节点的节点类型。) 由于ie的问题,本程序的“querySelector”并不支持CSS3语法,但是确实是够用了。 拓展封装部分...

    javascript dom 操作详解 js加强

    1 、文档里的每个节点都有属性 nodeName 、 nodeValue 、 nodeType nodeName 文本节点的的节点名是 #text , nodeName 是只读属性 nodeValue 1 元素节点 2 属性节点 3 文本节点 只读属性 nodeType 不能用于元素节点 ...

    nodeType属性返回被选节点的节点类型介绍

    主要介绍了nodeType属性返回被选节点的节点类型。需要的朋友可以过来参考下,希望对大家有所帮助

Global site tag (gtag.js) - Google Analytics