DOM编程中常用的方法和属性

来源：互联网发布：mac mysql dmg 编辑：程序博客网时间：2024/04/30 08:11

文档对象模型DOM

在DOM中，HTML文档各个节点被视为各种类型的Node对象
每个Node对象都有自己的属性和方法，利用这些属性和方法可以遍历整个文档树
由于HTML文档的复杂性，DOM定义了nodeType来表示节点的类型
这里列出Node常用的几种节点类型接口nodeType常量nodeType值备注ElementNode.ELEMENT_NODE1元素节点AttrNode.ATTRIBUTE_NODE2节点属性TextNode.TEXT_NODE3文本节点CommentNode.COMMENT_NODE8注释的文本DocumentNode.DOCUMENT_NODE9documentDocumentFragmentNode.DOCUMENT_FRAGMENT_NODE11document片段

DOM树的根节点是一个Document对象，该对象的documentElement属性可以获取文档根元素的Element对象。对于HTML文档，这个就是<html>标记
JavaScript操作HTML文档的时候，document即指向整个文档，Element即为<body>、<table>等节点类型，Comment类型的节点则是指文档的注释
Document对象的大多数方法都是用于创建，可以插入文档中的各种类型的节点
这里列出了Document的常用方法方法描述createAttribute()用指定的名字创建新的Attr节点createComment()用指定的字符串创建新的Comment节点createElement()用指定的标记名创建新的Element节点createTextNode()用指定的文本创建新的TextNode节点getElementById()返回文档中具有指定id属性的Element节点getElementsByTagName()返回文档中具有指定标记名的所有Element节点

Attr对象代表文档元素的属性，它有name、value等属性，可以通过Node接口的attributes属性或者调用Element接口的getAttributeNode()方法来获取
不过，在大多数情况下，使用Element元素属性的最简单方法是调用getAttribute()和setAttribute()两个方法，而不是Attr对象
这里列出了Element的常用方法方法描述getAttribute()以字符串形式返回指定属性的值getAttributeNode()以Attr节点的形式返回指定属性的值getElementsByTabName()返回一个Node数组，包含具有指定标记名的所有Element节点的子孙节点，其顺序为在文档中出现的顺序hasAttribute()如果该元素具有指定名字的属性，则返回trueremoveAttribute()从元素中删除指定的属性removeAttributeNode()从元素的属性列表中删除指定的Attr节点setAttribute()把指定的属性设置为指定的字符串值，如果该属性不存在则添加一个新属性setAttributeNode()把指定的Attr节点添加到该元素的属性列表中

Node对象定义了一系列属性和方法，以方便遍历整个文档
这里列出了Node对象的常用属性属性描述attributes如果该节点是一个Element，则以NamedNodeMap形式返回该元素的属性childNodes以Node[]的形式存放当前节点的子节点。如果没有子节点，则返回空数组firstChild以Node的形式返回当前节点的第一个子节点。如果没有子节点，则为nulllastChild以Node的形式返回当前节点的最后一个子节点。如果没有子节点，则为nullnextSibling以Node的形式返回当前节点的兄弟下一个节点。如果没有这样的节点，则返回nullnodeName节点的名字，Element节点则代表Element的标记名称nodeType代表节点的类型。1为元素、2为属性、3为文本....nodeValue获取当前节点的值parentNode以Node的形式返回当前节点的父节点。如果没有父节点，则为nullpreviousSibling以Node的形式返回紧挨当前节点、位于它之前的兄弟节点。如果没有这样的节点，则返回null

这里列出了Node对象的常用方法方法描述appendChild()通过把一个节点增加到当前节点的childNodes[]组，给文档树增加节点cloneNode()复制当前节点，或者复制当前节点以及它的所有子孙节点hasChildNodes()如果当前节点拥有子节点，则将返回trueinsertBefore()给文档树插入一个节点，位置在当前节点的指定子节点之前。如果该节点已经存在，则删除之再插入到它的位置removeChild()从文档树中删除并返回指定的子节点replaceChild()从文档树中删除并返回指定的子节点，用另一个节点替换它