Web-js中级-11月13日

js操做css样式

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

因此咱们是为了获取css样式

window.getComputedStyle() 获取通过计算机计算的全部属性

就是只要渲染出来的都是通过计算的。

getComputedStyle()第一个参数是当前元素，第二个通常咱们写null

而且这个方法是只读，

Ie6-8 不支持这个用法，ie的是用currentStyle

2.try{

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

前提条件是报错，若是不是报错不能使用

总结

Js解决兼容的方法

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

2. if()else{}

3.. try{} catch(err){}

必须在报错的条件下，和if  else比较性能上比较差，不在万不得以的状况下不使用

只读和可写：

只读: 只能获取不能修改

可写：能够修改的

 

Null和undefined的区别

Null和undefined都表示没有值

 

Null 是这个东西是天生存在的可是没给值。

若是咱们须要清除浏览器变量的内存须要赋值null

好比

var aa=document.getElementById("aa")

console.log(aa.parentNode.parentNode.parentNode.parentNode) null

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

1. var a;undefined
2. Div.aa undefined

元素节点的树状图

Document>documentElement>body>tagName