js学习笔记(3)

DOM:

    offsetParent是寻找该元素第一个有定位的父元素            

      children直接寻找元素节点,不包括文本节点,所有浏览器兼容

      childNodes寻找所有节点,包括文本节点

      oul.childNodes[1].nodeType可以判断子节点是元素节点还是文本节点

      nodeType == 3 是文本节点

      nodeType == 1 是元素节点

      parentNode 寻找该元素的父节点

      parentElement寻找该元素的父节点

      firstChild IE低版本兼容,寻找该元素的第一个子节点

      firstElementChild 除了IE所有版本兼容,寻找第一个子节点

      lastChild IE低版本兼容,寻找该元素的最后一个子节点

      lastElementChild 除了IE所有版本兼容,寻找最后一个子节点

      nextSibling 寻找该元素的下一个兄弟元素,IE低版本

      nextElementSibling 寻找该元素的下一个兄弟元素

      previousSibling 寻找该元素的上一个兄弟元素,IE低版本

      previousElementSibling 寻找该元素的上一个兄弟元素


      设置属性

      getAttribute(属性名) 得到该元素的某一个属性的值

      setAttribute(属性名,值) 设置该元素某一个属性的值

      removeAttribute(属性名) 移除某一个属性

数组:

        数组push,pop,shift,unshift,splice(起点,长度),concat连接字符串,join拼接字符串,split

         alert(arr.sort((n1,n2)=>n1-n2))

         arr.splice(arr.length,0,3,6,1)//往数组末尾加元素相当于push

         arr.splice(arr.length-1,arr.length)//末尾减数据pop

          arr.splice(0,0,10)//头加数据unshift

兼容性获取不是行间样式的样式:

 var oDiv = document.getElementById('div1')

    if(oDiv.currentStyle){

      console.log(oDiv.currentStyle.width) //低版本IE兼容

    }else{

      console.log(getComputedStyle(oDiv,false).width) //其他浏览器兼容

    }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容