前端学习（六十六） Dom-文档树（Dom）

DOM，全称Document Object Model

-处理操作文档的编程接口

-允许程序或脚本动态的处理和修改文档的内容，结构和样式

DOM规范

主要包括，Events（事件），Nodes（节点），Ranges（范围操作），Traversal（遍历），Sets（节点集合）

节点关系

父子节点

• partentNode
• firstChild
• lastChild
• childNodes

兄弟关系

• perviousSibling（前一个）
• nextSilbing（后一个）

元素节点

父子节点

• parentElement
• filstElementChild
• lastElementChild
• children

兄弟关系

• previousElementSibling（上一个）
• nextElementSibling（下一个）

节点遍历

• Nodelterator：
• TreeWalker
• NodeFilter

nodelterator=docoument.createNodelterator(root,whatToShow,filter)

root:根节点，或者起始节点

whatToSHow：要求遍历的节点

filter：函数哪些节点需要被过滤

剩下的节点内置有两个函数可操作：下一个节点nextNode()，上一个节点previousNode()

nodelterator=docoument.createTreeWalker(root,whatToShow,filter)

和上面的区别在于可操作的函数更多些

root:根节点，或者起始节点

whatToSHow：要求遍历的节点

filter：函数哪些节点需要被过滤

剩下的节点内置函数有以下一些：

nextNode()

previousNode()

firstchild()

lastchild()

prebiousSibling()

nextSibling()

previousNode()