js基础总结

时间:2021-03-30 07:15:34
  • 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//元素的外边框到有定位属性的父级的内边框的距离