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) //其他浏览器兼容
}