dom常见

/*获取元素属性和方法*/
/*方法*/

document.getElementByID('')
document.getElementsByName('')
elem.getElementsByClassName('')
elem.getElementsByTagName('')
elem.querySelector()
elem.querySelectorAll()

/*属性*/

document.documentElement // html
document.head
document.body

childNodes  // 子节点
children       // 元素子节点
parentNode

firstChild/firstElementChild
lastChild/lastElementChild
previousSibling/previousElementSibling
nextSibling/nextElementSibling

/*dom增删改查，获取属性，修改属性*/
document.createElement()
document.createTextNode()
innerHTML/innerText
appendChild() //把儿子放在父亲末尾
insertBefore([新元素],[老元素])
cloneNode(true/false)

removeChild()
getAttribute()
setAttribute()
removeAttribute()

/*获取inline样式,若没写在行内，则获取不到*/
div.style.xx = xxx
div.className = xx

/*获取当前元素*/

 - client
 	width/height
 	top/left
 - offset
    width/height
    top/left
    parent
 - scroll
    width/height
    top/left

window.getComputedStyle(elem,[可选伪类])
元素.currentStyle

client:
        height/width (width+padding)
        top/left ( border)
offset:
        height/width (width+padding+border)
        top/left (距离其父参照物的上偏移)
        parent (获取其父参照物( 不一定是父元素 ))
scroll
        height/width (内容区未溢出时和client一样，真实内容区宽度)
       top/left (滚动条滚动的宽高度) 

实现图片懒加载
A = img高度+盒子距body的高度
A< 首屏高度 +scrollTop