div.style.width="100px" (行间样式)
相当于标签内我们添加一个style属性，设定了width值，这种写法会给标签大量的style属性，以实际项目不符，我们没有css和HTML分离；
所以如果为了获取css样式
获取计算机计算的所有属性
window.getcomputedstyle() （两个参数，第一个是当前操作的元素 第二个是null）并且这个方法是只读的
可读和可写的区别： 可读 只读获取不能修改 可写 可以修改
计算的：只要渲染出来了都是经过计算的
window.getcomputedstyle (ie 6 7 8不支持这个用法)
ie8以下的写法为 ： ie6(元素名).currentstyle
兼容性：
try{}catch(error){} (try{}尝试的) （catch铺获） （error报错）
不报错执行try里面的代码块 ， 报错执行catch里面的代码
前提的条件：代码必须报错，不报错就不能使用；
案例：
var css;
try{
css=window.getComputedStyle()
}
catch（e){
css=aa.currentStyle
}
console.log(css)
总结js解决兼容性的方法：
1. ||
var dd=document.documentElement.clientWidth||document.body.clientWidth
2. if() 条件语句；
if（window.getComputedStyle ==(另一种写法：window.getComputed.style in window)）{
css=window.getComputedStyle(aa,null)
}
else{
css=aa.currentStyle
}
console.log(css)
3.try{}catch(error){}
前提条件：必须在报错的条件下和if条件语句比较性能上比较差，不在万不得已的情况下，不能使用
案例：
var css;
try{
css=window.getComputedStyle()
}
catch（e){
css=aa.currentStyle
}
console.log(css)
null和undefined的区别？
null和undefined都表示没有值，
null（天生存在的）这个东西存在但是没有给值；
undefined （人为定义）这个东西压根不存在，而是人为定义的
案例： console.log(aa.parentNode.parentNode.parentNode) （通过这个案例就知道元素节点的树状图，最后返回的是null）
元素节点的树状图；
document>documentElement(html)>body>tagname
offsetLeft和offsetTop所结合运动
滚动轮播
setTimeout(延时调用)
定时器的返回值，返回是当前页面的第几个定时器