DOM是W3C的标准。
节点:
1文档节点Document—最顶层的节点,根节点,每个Web文档都有一个文档节点
2文档类型节点DocumentType—DTD引用,它不能包括子节点
3文档片段节点DocumentFragment—可以像Document一样来保存其它节点
4元素节点Element—表示起始标记和结束标记之间的内容,这是唯一可以包含属性和子节点的节点类型
5文本节点Text—代表XHTML文档中元素的起始标记和结束标记之间,这个节点类型不能包含子节点
6属性节点Attr—代表属性节点开始标记内指定的属性,这个节点类型不能包括子节点
7CDataSection节点—这个节点类型仅能包含文本节点Text做为子节点
8注释节点Comment—代表注释,这个节点类型不能包含节点
DOM节点树:
父节点、子节点和同级节点:父节点拥有子节点;位于相同层级上的子节点称为同级节点(兄弟或姐妹)。
在节点树中,顶端的节点成为根节点;根节点之外的每个节点都有一个父节点;节点可以有任何数量的子节点;
叶子是没有子节点的节点;同级节点是拥有相同父节点的节点。
处理元素属性:
元素节点的attributes属性值其实是NamedNodeMap
1:getNamedItem(name)—返回nodeName属性值等于name
2:removeNamedItem(name)—删除nodeName属性值等于name的节点
3:setNamedItem(node)—将node添加到列表中,按其nodeName属性进行索引
4:item(pos)—像NodeList一样,返回在位置pos的节点
必须注意:这些方法都是返回一个Attr节点,而非特性值
访问指定节点:
1:getElementsByTagName()方法:
(1)用来返回一个包含所有的tagName(标记名)特性等于某个指定的元素的NodeList
(2)用来获取所有name属性等于指定的元素
2:getElementById()
返回id特性等于指定值的元素
创建和操作节点
使用DOM添加,删除,替换DOM文档的节点
(1)创建节点:
createAttribute —用给定名称name创建特性节点
createComment—创建包含文本text的注释字节
createDocumentFragment—创建文档碎片节点
createElement(tagname)—创建标记名为tagname的元素
createTestNonde(text)—创建包含文本text的文本节点
添加:createElement,createTextNode(),appendChild()
删除:removeChild(),replaceChild(),inserBefore()
更新:createDocumentFrament()
复制:cloneNode()
节点:
1文档节点Document—最顶层的节点,根节点,每个Web文档都有一个文档节点
2文档类型节点DocumentType—DTD引用,它不能包括子节点
3文档片段节点DocumentFragment—可以像Document一样来保存其它节点
4元素节点Element—表示起始标记和结束标记之间的内容,这是唯一可以包含属性和子节点的节点类型
5文本节点Text—代表XHTML文档中元素的起始标记和结束标记之间,这个节点类型不能包含子节点
6属性节点Attr—代表属性节点开始标记内指定的属性,这个节点类型不能包括子节点
7CDataSection节点—这个节点类型仅能包含文本节点Text做为子节点
8注释节点Comment—代表注释,这个节点类型不能包含节点
DOM节点树:
父节点、子节点和同级节点:父节点拥有子节点;位于相同层级上的子节点称为同级节点(兄弟或姐妹)。
在节点树中,顶端的节点成为根节点;根节点之外的每个节点都有一个父节点;节点可以有任何数量的子节点;
叶子是没有子节点的节点;同级节点是拥有相同父节点的节点。
处理元素属性:
元素节点的attributes属性值其实是NamedNodeMap
1:getNamedItem(name)—返回nodeName属性值等于name
2:removeNamedItem(name)—删除nodeName属性值等于name的节点
3:setNamedItem(node)—将node添加到列表中,按其nodeName属性进行索引
4:item(pos)—像NodeList一样,返回在位置pos的节点
必须注意:这些方法都是返回一个Attr节点,而非特性值
访问指定节点:
1:getElementsByTagName()方法:
(1)用来返回一个包含所有的tagName(标记名)特性等于某个指定的元素的NodeList
(2)用来获取所有name属性等于指定的元素
2:getElementById()
返回id特性等于指定值的元素
创建和操作节点
使用DOM添加,删除,替换DOM文档的节点
(1)创建节点:
createAttribute —用给定名称name创建特性节点
createComment—创建包含文本text的注释字节
createDocumentFragment—创建文档碎片节点
createElement(tagname)—创建标记名为tagname的元素
createTestNonde(text)—创建包含文本text的文本节点
添加:createElement,createTextNode(),appendChild()
删除:removeChild(),replaceChild(),inserBefore()
更新:createDocumentFrament()
复制:cloneNode()