JavaScript DOM基本

最新推荐文章于 2025-08-22 23:25:37 发布

原创最新推荐文章于 2025-08-22 23:25:37 发布 · 159 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了DOM中各种节点类型及其属性，如Node.nodeType、Node.nodeName等，并解释了它们的功能与用途。对于理解DOM结构及操作至关重要。

[list]
[*][b]Node.nodeType:[/b]
[/list]


Node.ELEMENT_NODE (1)  
Node.ATTRIBUTE_NODE (2)  
Node.TEXT_NODE (3) //<![CDATA[ ]]>中括着的纯文本，它没有子节点  
Node.CDATA_SECTION_NODE (4) //子节点一定为TextNode  
Node.ENTITY_REFERENCE_NODE (5)   
Node.ENTITY_NODE (6) //DTD中的实体定义<!ENTITY foo “foo”>，无子节点  
Node.PROCESSING_INSTRUCTION_NODE (7) //PI，无子节点  
Node.COMMENT_NODE (8)  
Node.DOCUMENT_NODE (9) //最外层的Root element,包括所有其它节点  
Node.DOCUMENT_TYPE_NODE (10) //DTD，<!DOCTYPE………..>  
Node.DOCUMENT_FRAGMENT_NODE (11)  
Node.NOTATION_NODE (12) //DTD中的Nation定义

[list]
[*][b]Node.nodeName:[/b]
属性将返回一个字符串，其内容是给定节点的名字。如果节点是元素节点，返回这个元素的名称；如果是属性节点，返回这个属性的名称；如果是文本节点，返回一个内容为#text 的字符串；
[*][b]Node.nodeValue:[/b]
属性将返回给定节点的当前值.如果节点是元素节点，返回null；如果是属性节点，返回这个属性的名称；如果是文本节点，返回文本节点的内容；
[*][b]Node.ownerDocument:[/b]
指向这个节点所属的文档；
[*][b]Node.attributes:[/b]
代表一个元素的特性的Attr对象；仅用于Element节点；
[*][b]Node.childNodes:[/b]
所有子节点的列表；
[*][b]Node.firstChild:[/b】
指向在childNodes列表中的第一个节点；
[*][b]Node.lastChild:[/b]
指向在childNodes列表中的最后一个节点；
[*][b]Node.nextSibling:[/b]
指向后一个兄弟节点；如果这个节点就是最后一个兄弟节点，那么该值为null；
[*][b]Node.previousSibling:[/b]
指向前一个兄弟节点；如果这个节点就是第一个兄弟节点，那么该值为null；
[*][b]Node.parentNode:[/b]
返回一个给定节点的父节点；
[*][b]Node.hasChildNodes():[/b]
当childNodes包含一个或多个节点时，返回真；
[*][b]appendChild(node):[/b]
将node添加到childNodes的末尾；
[*][b]removeChild(node):[/b]
将node从childNodes中删除；
[*][b]insertBefore(newnode refnode):[/b]
在childNodes中的refnode之前插入newnode；
replaceChild(newnode,oldnode):[/b]
将childNodes中的oldnode替换成newnode；
[/list]