DOM

一、 节点层次

DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构
如果节点是元素节点,则 nodeType 属性将返回 1。
如果节点是属性节点,则 nodeType 属性将返回 2。
nodeName 保存的是元素的标签名,而nodeValue的值始终为null
parentNode,指向文档树中的父节点,childNode,是文档树中的子节点,nextSibiling指向下一个兄弟节点,previousSibling指向上一个兄弟节点,firstChild指第一个子节点,lastChild指最后一个子节点

1.1 操作节点

appendChild(),用于向childNode列表末尾添加一个节点
insertBefore(),用于插入到某个节点的前边
replaceChild(),要插入的节点和要替换的节点
removeChild(),移除的节点
cloneNode(),用于创建一个完全相同的副本

1.2 Document类型

在浏览器中,document对象是HTMLDocument的一个实例,表示整个html页面,而且Document对象是window对象的一个属,因此可以将其作为全局对象来访问
Document节点具有的特征

  • nodeType的值为9
  • nodename的值为#document
  • nodeValue的值为null
  • parentNode的值为null
  • ownerDocument的值为null

1.3 文档的子节点

  • documentElement,该属性指向元素
  • document.body直接指向元素
  • document.doctype访问,各浏览器对该属性的支持不一致

1.4 文档信息

  • 获取文档标题,document.title
  • 取得完整的URL,document.url
  • 取得域名,document.domain
  • 取得来源页面的urldocument.referrer

1.5 查找元素

  • getElementById(),根据Id获取元素
  • getElementsByTagName("img"),根据标签名称获取元素
  • getElementsByName(),根据name属性获取元素

1.6 特殊集合