一、DOM基础

DOM基础

• 什么是DOM
• 浏览器支持状况

DOM节点

• childNodes  nodeType //兼容情况
  • 获取子节点
  • children
• parentNode
• offsetParent
• 首尾子节点
• 有兼容性问题
  • 首尾子节点
    • firstChild  firstElementChild
    • lastChild lastElementChild
  • 兄弟节点
    • netSibling netElementSibing
    • previousSibing previousElementSibing

DOM操作元素属性

• 元素属性操作
  • 第一种：oDiv.style.display='blok';
  • 第二种：oDiv.style['display']='blok';
  • 第三种：DOM方式
• DOM操作元素属性
  • 获取：getAttrbute(名称)
  • 设置：setAttrbute(名称,值)
  • 删除：removeAttrbute(名称)

DOM元素灵活查找

• 用className获取元素