js操作css样式

1.js操作css样式

例如 div . style . width=“100px”。

就是在div标签内我们添加一个style属性，并设定了width值，这种写法会给标签带来大量的style属性，跟实际项目是不符合的，我们没有让css和html分离。

所以如果是为了获取css样式 用 window . getComputedStyle( ) 获取经过计算机计算的所有属性。  只要渲染出来的都是经过计算的

getComputedStyle( ) 第一个参数是当前元素，第二个一般我们写null ，并且这个方法是只读。

ie6-8 不支持这个写法，用currentStyle

只读：是只能获取不能修改。

可写：可以修改的。

2.try{  } catch(error) { }    不报错执行try里面的代码块，报错执行catch里面的代码块。

　　前提条件是必须报错，如果不报错不能使用。

总结：

　　目前解决js兼容的方法

　　1. ||   var dd =document . documentElement.clientWidth|| document.body . clientWidth

　　2.if( )else{ }

　　3.try{ }catch(err){ }

null和undefined的区别

两者都表示没有值

null是这个东西是天生存在但是没有给值。

undefined这个东西压根就不存在的是人为定义的，并且没赋值。

元素节点的树状图

document>documentElement>body>tagName