js基础总结

• DOM
  • 节点
    • document节点  nodeType:9
    • 文本节点  nodeType:3
    • 元素节点  nodeType:1
    • 注释节点  nodeType:8
    • 属性节点  nodeType:2 attributes[]
  • childNodes[]//需要通过nodeType来判断节点类型；
  • children[]//不是一个标准的属性，但是所有浏览器都支持；找到某个元素下的所有‘元素子节点’；
  • attributes[] //行内样式：nodeValue:cssText; 样式表：nodeValue:id/class;
    • 兼容性写法;

      document.currentStyle?element.currentStyle:window.getComputedStyle(element, null)

  • nodeValue/nodeType/nodeName
  • parentNode
  • nextElementSibling
  • previousElementSibling
  • firstElementChild
  • lastElementChild
  • offsetParent//最近的有定位属性的父级
  • offsetLeft/Top//元素的外边框到有定位属性的父级的内边框的距离