• 1. {DOM}

1. {DOM}

• 基本类型
  1. Document
  2. DocumentType:doctype标签
  3. Element:H5标签
  4. Attr:元素的属性
  5. Text:标签内文本
  6. Comment:注释
  7. DocumentFragment:文档片段
• 获取方法
  1. document.getElementById():基于元素ID
  2. [context].getElementByTagName():基于标签名,获取集合
  3. [context].getElementByClassName():基于类名，获取集合
  4. document.getElementByName():基于NAME属性值，一般只用于表单（IE只认表单的NAME）
  5. document.head/document.body/document.documentElement
  6. [context].querySelector([selector])
  7. [context].querySelectorAll([selector])
• 关系属性
  • 类型
    • Node
    • NodeList(ByTagName/ByClassName/querySelectorAll)
  • nodeType:元素1/属性2/文本3/注释8/文档9
  • nodeName:
  • nodeValue:
  • childNodes:获得所有子节点
  • children:获得所有元素子节点
  • firstChild/lastChild:
  • firstElementChild/lastElementChild:
  • previousSibling/nextSibing:
  • previousElementSibling/nextElementSibling:
• 增删改
  • createElement
  • createTextNode
  • appendChild
  • insertBefore
  • cloneNode: true|false
  • removeChild
  • setAttribute
• 事件
  • onclick
  • ondblclick
  • onkeyup
  • onchange
  • onfocus
  • onblur
  • onmouseover
  • onmouseout
  • onload
  • onunload
  • onsubmit
  • onreset

---